:root,[data-theme=dark]{--ground: #101521;--ground-raised: #1a2030;--ground-sunk: #0b0f18;--line: #2c3344;--text: #f3ece0;--text-muted: #b9b0a3;--paper: #efe9dc;--paper-shade: #d9d0bd;--paper-ink: #1d1b1a;--paper-ink-muted: #4f4a42;--pen: #2b3f86;--focus: #f3ece0;--status-pass: #5ec4e8;--status-fail: #ff8a6b;--status-wait: #e8b04b;--room-vermilion-ground: #101521;--room-vermilion-shape: #e2462e;--room-vermilion-type: #1b2f6b;--room-viridian-ground: #0f1b18;--room-viridian-shape: #2f8f6a;--room-viridian-type: #141414;--room-ochre-ground: #1a1410;--room-ochre-shape: #d99a22;--room-ochre-type: #7a2a1f;--room-violet-ground: #14111c;--room-violet-shape: #7c5cc4;--room-violet-type: #141414;--room-cerulean-ground: #0c1a1d;--room-cerulean-shape: #2a8fb0;--room-cerulean-type: #b0302a;--shadow-card: 0 12px 22px #000000b3, 0 2px 3px #00000073;--shadow-sheet: 0 18px 40px #00000099}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-card: 4px;--radius-control: 10px;--radius-screen: 18px;--radius-round: 999px;--font-mark: "Caveat", "Segoe Print", cursive;--font-display: "Newsreader", Georgia, serif;--font-ui: "Instrument Sans", system-ui, sans-serif}.wordmark-lg{font-family:var(--font-mark);font-size:44px;line-height:1;font-weight:700}.wordmark{font-family:var(--font-mark);font-size:25px;line-height:1;font-weight:700}.note{font-family:var(--font-mark);font-size:18px;line-height:20px;font-weight:700}.display{font-family:var(--font-display);font-size:40px;line-height:42px;font-weight:600}.card-title{font-family:var(--font-display);font-size:23px;line-height:24px;font-weight:800}.heading{font-family:var(--font-display);font-size:22px;line-height:28px;font-weight:600}.body{font-family:var(--font-ui);font-size:16px;line-height:24px;font-weight:400}.ui{font-family:var(--font-ui);font-size:14px;line-height:20px;font-weight:500}.caption{font-family:var(--font-ui);font-size:12px;line-height:16px;font-weight:500}.label{font-family:var(--font-ui);font-size:10px;line-height:12px;font-weight:600;letter-spacing:.14em}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/newsreader-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--sd-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .2  0 0 0 0 .16  0 0 0 0 .1  0 0 0 .28 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--sd-grain-light: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .2 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--sd-speckle: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  9 0 0 0 -3.3'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--sd-ink: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  9 0 0 0 -2.6'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}html{background:var(--ground);-webkit-text-size-adjust:100%}html,body{margin:0}body{color:var(--text);font-family:var(--font-ui)}*{box-sizing:border-box}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sd-defs{position:absolute;width:0;height:0;overflow:hidden}.sd-room-vermilion{--r-ground: var(--room-vermilion-ground);--r-shape: var(--room-vermilion-shape);--r-type: var(--room-vermilion-type)}.sd-room-viridian{--r-ground: var(--room-viridian-ground);--r-shape: var(--room-viridian-shape);--r-type: var(--room-viridian-type)}.sd-room-ochre{--r-ground: var(--room-ochre-ground);--r-shape: var(--room-ochre-shape);--r-type: var(--room-ochre-type)}.sd-room-violet{--r-ground: var(--room-violet-ground);--r-shape: var(--room-violet-shape);--r-type: var(--room-violet-type)}.sd-room-cerulean{--r-ground: var(--room-cerulean-ground);--r-shape: var(--room-cerulean-shape);--r-type: var(--room-cerulean-type)}.sd-paper{background-color:var(--paper);background-image:var(--sd-grain);color:var(--paper-ink)}:where(.sd-screen){--r-ground: var(--ground);--r-shape: var(--room-vermilion-shape);--r-type: var(--room-vermilion-type)}.sd-screen{--tone-light: color-mix(in oklab, var(--r-ground) 80%, var(--paper));--tone-shape: color-mix(in oklab, var(--r-ground) 45%, var(--r-shape));--tone-dim: color-mix(in oklab, var(--r-ground) 72%, var(--r-shape));position:relative;isolation:isolate;overflow-x:hidden;min-height:100vh;min-height:100dvh;background:var(--r-ground);color:var(--text);display:flex;flex-direction:column;padding:var(--space-4) var(--space-5);padding-left:max(var(--space-5),env(safe-area-inset-left));padding-right:max(var(--space-5),env(safe-area-inset-right))}.sd-ready .sd-screen{transition:background-color .45s ease}.sd-screen:after{content:"";position:absolute;inset:0;background:var(--sd-grain-light);mix-blend-mode:screen;opacity:.7;pointer-events:none;z-index:5}.sd-screen>*{position:relative;z-index:2}.sd-screen>.sd-landscape{position:absolute;inset:0;z-index:1}.sd-landscape{pointer-events:none;will-change:transform}.sd-landscape svg{width:100%;height:100%;display:block}.sd-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:40px;text-shadow:0 1px 3px #000000cc;z-index:6!important}.sd-topbar .tb-right{display:flex;gap:var(--space-5)}.sd-topbar .sd-wordmark{font:700 25px/1 var(--font-mark);color:var(--text);text-decoration:none}.sd-topbar a,.sd-link{color:var(--text);font:500 14px/20px var(--font-ui);text-decoration:none}html[data-sd-ext] .tb-ext{display:none!important}.sd-btn{display:inline-block;border:0;cursor:pointer;padding:10px 18px;border-radius:var(--radius-control);text-decoration:none;background:var(--paper);color:var(--paper-ink);font:600 14px/20px var(--font-ui);box-shadow:0 3px 0 var(--paper-shade);transition:transform .1s ease-out,box-shadow .1s ease-out}.sd-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--paper-shade)}.sd-btn[disabled]{opacity:.5;cursor:default}.sd-btn-quiet{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--text-muted)}.sd-btn-quiet:active{box-shadow:inset 0 0 0 1.5px var(--text-muted)}.btnrow{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.sd-card{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:6px 10px;width:min(290px,74vw);aspect-ratio:3 / 2;padding:var(--space-3) 14px;text-align:left;border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;isolation:isolate;background-color:var(--paper);background-image:var(--sd-grain);color:var(--paper-ink)}@media(min-width:700px){.sd-card{width:320px}}.sd-card>*{position:relative;z-index:1}.sd-card .sd-carve{position:absolute;z-index:0;right:-34px;bottom:-44px;width:160px;height:100px;background:repeating-linear-gradient(-12deg,transparent 0 7px,var(--paper) 7px 9px),var(--r-shape);border-radius:46% 54% 40% 60%/60% 50% 50% 40%;filter:url(#sd-rough);-webkit-mask:var(--sd-speckle);mask:var(--sd-speckle)}.sd-card .sd-cat{font:600 10px/12px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;filter:url(#sd-rough-sm)}.sd-card .sd-title{grid-column:1;align-self:center;font:800 23px/24px var(--font-display);color:var(--r-type);filter:url(#sd-rough-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sd-card .sd-by{grid-column:1 / -1;font:500 12px/16px var(--font-ui);color:var(--paper-ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-card .sd-stamp{grid-row:1 / 3;grid-column:2;width:40px;height:48px;filter:url(#sd-rough)}.sd-card .sd-stamp span{display:block;height:100%;background:var(--r-type);-webkit-mask:var(--sd-speckle);mask:var(--sd-speckle)}.sd-card .sd-postmark{position:absolute;right:26px;top:30px;width:44px;height:44px;border-radius:50%;border:2.5px solid var(--paper-ink);opacity:.7;filter:url(#sd-rough);z-index:2}.sd-card .sd-note{grid-column:1 / -1;font:700 18px/20px var(--font-mark);color:var(--pen)}.sd-card:has(.sd-note) .sd-carve{width:104px;height:66px;right:-30px;bottom:-32px}.pc-stamp{position:absolute;inset:-3px;background:radial-gradient(circle at center,transparent 2.2px,var(--paper) 2.6px) -3px -3px / 6px 6px;filter:drop-shadow(0 1px 1.5px #0006);transform:rotate(3deg)}.pc-stamp>span{position:absolute;inset:3px;background:var(--paper);padding:3px;display:grid}.pc-stamp>span>span{background:var(--r-type);-webkit-mask:var(--sd-speckle);mask:var(--sd-speckle)}.pc-postmark{position:absolute;right:14%;top:7%;width:27%;aspect-ratio:1;border-radius:50%;border:2.5px solid var(--r-type);color:var(--r-type);display:grid;place-content:center;text-align:center;font:700 11px/1.15 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;transform:rotate(-14deg);opacity:.85;-webkit-mask:var(--sd-speckle);mask:var(--sd-speckle);pointer-events:none}.pc-postmark b{display:block;font-size:1.25em}.pc-waves{position:absolute;right:40%;top:13%;width:30%;height:13%;color:var(--r-type);opacity:.75;-webkit-mask:var(--sd-speckle);mask:var(--sd-speckle);pointer-events:none}.rp-rubber{position:absolute;z-index:3;left:39%;top:36%;padding:3px;border:2.5px solid var(--r-type);border-radius:3px;color:var(--r-type);transform:rotate(-9deg);opacity:.9;-webkit-mask:var(--sd-speckle);mask:var(--sd-speckle);pointer-events:none}.rp-rubber span{display:block;padding:4px 10px;border:1.5px solid var(--r-type);font:800 15px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.write{animation:pen-write .6s cubic-bezier(.35,.1,.3,1) both}@keyframes pen-write{0%{clip-path:inset(-30% 100% -30% 0)}to{clip-path:inset(-30% -2% -30% 0)}}.sg-thanks{margin:0;min-height:40px;display:grid;align-items:center;font:700 34px/1 var(--font-mark);color:var(--text);text-shadow:0 2px 8px #000c;pointer-events:none}svg.ink{-webkit-mask:var(--sd-ink);mask:var(--sd-ink)}.fan-menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:8;display:grid;min-width:168px;padding:4px;background-color:var(--paper);background-image:var(--sd-grain);color:var(--paper-ink);border-radius:4px;box-shadow:0 10px 20px #0009;animation:menu-in .16s cubic-bezier(.2,.9,.3,1) both;transform-origin:right bottom}@keyframes menu-in{0%{opacity:0;transform:translateY(6px)}}.fan-menu button{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;padding:9px 10px;font:500 15px/20px var(--font-ui);border-radius:3px}.fan-menu button+button{border-top:1px solid color-mix(in oklab,var(--paper-ink) 14%,transparent)}.fan-menu button:active{background:color-mix(in oklab,var(--paper-ink) 10%,transparent)}.fan-menu button:focus-visible{outline:2px solid var(--paper-ink);outline-offset:-2px}.fan-menu svg{width:18px;height:18px;flex:none}.sd-screen>.toast-slot{position:fixed;left:0;right:0;bottom:116px;display:flex;justify-content:center;z-index:9;pointer-events:none;padding:0 var(--space-4)}.sd-toast{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--paper);color:var(--paper-ink);border-radius:var(--radius-card);padding:8px 14px;font:600 14px/20px var(--font-ui);box-shadow:var(--shadow-card);transform:rotate(-1.5deg)}.sd-screen.scr-wall,.sd-screen.scr-about{padding:0}.scr-wall>.sd-topbar,.scr-about>.sd-topbar{padding:var(--space-4) max(var(--space-5),env(safe-area-inset-right)) 0 max(var(--space-5),env(safe-area-inset-left))}.wall-bg{position:sticky;top:0;z-index:0!important;height:100vh;height:100dvh;margin-bottom:-100vh;margin-bottom:-100dvh;overflow:hidden;pointer-events:none}.wall-bg>.sd-landscape{position:absolute;top:0;bottom:0;left:0;width:100vw}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}}.scr-home{overflow:hidden;height:100vh;height:100dvh}.home{flex:1;display:grid;justify-items:center;align-content:center;gap:var(--space-5);padding:var(--space-4) 0}.pilezone{position:relative;display:grid;justify-items:center;gap:var(--space-3)}@media(min-width:1600px)and (min-height:900px){.pilezone{zoom:1.2}}@media(min-width:2000px)and (min-height:1100px){.pilezone{zoom:1.4}}.sd-pile.is-quiet-focus:focus-visible{outline:none}.foot{display:grid;justify-items:center;align-content:center;gap:var(--space-3);height:52px;padding-bottom:var(--space-2)}.foot .sd-link{background:color-mix(in oklab,var(--r-ground) 70%,transparent);padding:2px 4px;cursor:pointer}.foot .btnrow{position:relative;z-index:6}.sd-pile{border:0;padding:0;background:none;cursor:pointer;position:relative;width:min(290px,74vw);aspect-ratio:3 / 2;display:block;margin-bottom:var(--space-3);-webkit-tap-highlight-color:transparent}@media(min-width:700px){.sd-pile{width:320px}}.sd-pile:focus-visible{outline-offset:14px}.sd-pile .sd-card{position:absolute;inset:0;width:auto;transition:transform .45s cubic-bezier(.3,1.3,.5,1),opacity .3s}.sd-pile .sd-card[data-pos="0"]{transform:rotate(-2deg);z-index:3;transition:transform .3s cubic-bezier(.3,1.3,.5,1),opacity .3s}.sd-pile .sd-card[data-pos="1"]{transform:translate(8px,6px) rotate(3deg);z-index:2;background-color:color-mix(in oklab,var(--paper) 70%,var(--paper-shade))}.sd-pile .sd-card[data-pos="2"]{transform:translate(-10px,10px) rotate(-6deg);z-index:1;background-color:var(--paper-shade)}@media(hover:hover){.sd-pile:hover .sd-card[data-pos="0"]{transform:translate(2px,-10px) rotate(-1deg)}.sd-pile:hover .sd-card:not(.is-back):not(.is-under){animation:none!important}}.sd-pile:active .sd-card[data-pos="0"]{transform:translate(3px,-14px) rotate(-.6deg);transition-duration:.12s}.sd-pile.is-inviting .sd-card[data-pos="0"]{animation:sd-rattle 6s ease-in-out 1.5s infinite}@keyframes sd-rattle{0%,80%,to{transform:rotate(-2deg)}83%{transform:translate(1.5px) rotate(-3deg)}86%{transform:translate(-1.5px) rotate(-1deg)}89%{transform:translate(1px) rotate(-2.7deg)}92%{transform:translate(-.5px) rotate(-1.5deg)}95%{transform:rotate(-2deg)}}.sd-pile .sd-card.is-back{animation:sd-to-back 1s forwards;box-shadow:var(--shadow-card)}@keyframes sd-to-back{0%{transform:translate(3px,-14px) rotate(-.6deg);z-index:4;animation-timing-function:cubic-bezier(.2,.6,.35,1)}35%{transform:translate(6px,-68%) rotate(1deg);z-index:4;animation-timing-function:linear}45%{transform:translate(7px,-70%) rotate(1.3deg);z-index:4;animation-timing-function:cubic-bezier(.4,0,.6,1)}55%{transform:translate(4px,-104%) rotate(0);z-index:4;filter:none}55.1%{transform:translate(4px,-104%) rotate(0);z-index:0;filter:brightness(.86);animation-timing-function:cubic-bezier(.35,0,.25,1)}90%{transform:translate(-10px,15px) rotate(-6deg);z-index:0;filter:brightness(.86);animation-timing-function:cubic-bezier(.3,0,.3,1)}to{transform:translate(-10px,10px) rotate(-6deg);z-index:0;filter:brightness(.86);background-color:var(--paper-shade)}}.sd-pile.is-shuffling .sd-card:not(.is-back){transition:transform .3s cubic-bezier(.25,.8,.3,1) .62s,box-shadow .3s .62s}.sd-pile .sd-card.is-under{z-index:4;transition:none;animation:sd-slip-out .375s forwards;box-shadow:var(--shadow-card)}.sd-pile .sd-card.is-under.is-tucked{z-index:0;filter:brightness(.86);animation:sd-slip-in .375s forwards}@keyframes sd-slip-out{0%{transform:rotate(-2deg);animation-timing-function:cubic-bezier(.25,.6,.35,1)}84%{transform:translate(-80%,4px) rotate(-6deg);animation-timing-function:linear}to{transform:translate(-82%,5px) rotate(-6.4deg)}}@keyframes sd-slip-in{0%{transform:translate(-82%,5px) rotate(-6.4deg);animation-timing-function:cubic-bezier(.35,0,.25,1)}80%{transform:translate(-10px,13px) rotate(-6deg)}to{transform:translate(-10px,10px) rotate(-6deg);background-color:var(--paper-shade)}}.sd-pile.is-slipping .sd-card:not(.is-under){transition:transform .3s cubic-bezier(.25,.8,.3,1) .34s,background-color .3s .34s}@media(hover:hover){.sd-pile.is-slipping:hover .sd-card[data-pos="0"]{transform:rotate(-2deg)}}.pile-shuf{position:absolute;left:50%;top:calc(100% + 12px);transform:translate(-50%);width:46px;height:46px;padding:0;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:color-mix(in oklab,var(--r-ground) 70%,transparent);color:var(--text);-webkit-tap-highlight-color:transparent}.pile-shuf[hidden],.pilezone.is-suggesting .pile-shuf{display:none}.pile-shuf svg{width:28px;height:28px;overflow:visible;filter:drop-shadow(0 1px 2px #000a)}.pile-shuf:focus-visible{outline:2px solid var(--text);outline-offset:3px}.pile-shuf .s1,.pile-shuf .s2{transition:transform .25s cubic-bezier(.3,1.3,.5,1)}@media(hover:hover){.pile-shuf:hover .s1,.pile-shuf:hover .s2{transform:translate(1.5px)}}.pile-shuf.is-go .s1{animation:shuf-run .5s cubic-bezier(.5,0,.4,1)}.pile-shuf.is-go .s2{animation:shuf-run .5s cubic-bezier(.5,0,.4,1) .07s backwards}@keyframes shuf-run{0%{transform:translate(1.5px);opacity:1}42%{transform:translate(9px);opacity:0}43%{transform:translate(-9px);opacity:0}to{transform:none;opacity:1}}.sd-pile.is-nope{animation:pile-nope .4s ease-in-out}@keyframes pile-nope{0%,to{transform:none}25%{transform:translate(-6px) rotate(-.6deg)}50%{transform:translate(5px) rotate(.4deg)}75%{transform:translate(-3px)}}.off-note{margin:0;font:700 22px/1 var(--font-mark);color:var(--text);text-shadow:0 2px 8px #000c}.off-note.write{animation:pen-write .5s cubic-bezier(.35,.1,.3,1) both}.stampbtn{position:absolute;right:var(--space-6);bottom:var(--space-6);z-index:6!important;width:46px;height:54px;padding:0;border:0;cursor:pointer;transform:rotate(4deg);transition:transform .2s cubic-bezier(.3,1.3,.5,1);background:radial-gradient(circle at center,transparent 2.2px,var(--paper) 2.6px) -3px -3px / 6px 6px;filter:drop-shadow(0 3px 4px #0008)}.stampbtn>span{position:absolute;inset:3px;background:var(--paper);display:grid;padding:4px}.stampbtn>span>span{background:var(--r-type);-webkit-mask:var(--sd-speckle);mask:var(--sd-speckle)}.stampbtn:hover,.stampbtn[aria-expanded=true]{transform:translateY(-3px) rotate(2deg)}.stampbtn:focus-visible{outline:2px solid var(--text);outline-offset:4px}@media(max-width:699px){.stampbtn{right:var(--space-4);bottom:var(--space-4)}}.fan-scrim{position:absolute;inset:0;z-index:5!important;background:transparent}.fan{position:absolute;right:var(--space-6);bottom:calc(var(--space-6) + 66px);z-index:6!important;width:0;height:0;list-style:none;margin:0;padding:0}.fan li{position:absolute;right:-8px;bottom:calc(var(--i) * 78px);display:flex;align-items:center;gap:6px;transform-origin:right bottom;transform:translate(calc(var(--i) * var(--i) * -2.4px)) rotate(calc(var(--i) * -1.6deg))}.fan.is-fresh li{animation:fan-in .32s cubic-bezier(.2,.9,.3,1) both;animation-delay:calc(var(--i) * 28ms)}@keyframes fan-in{0%{transform:translateY(calc(var(--i) * 78px + 40px)) rotate(0);opacity:0}}.fan.is-touch.is-fresh li{animation-name:fan-in-touch}@keyframes fan-in-touch{0%{transform:translateY(calc(var(--i) * 96px + 40px)) rotate(0);opacity:0}}.fan-card{all:unset;box-sizing:border-box;cursor:pointer;width:196px;height:70px;padding:9px 46px 9px 12px;position:relative;background-color:var(--paper);background-image:var(--sd-grain);color:var(--paper-ink);border-radius:3px;box-shadow:var(--shadow-card);display:grid;align-content:center;gap:2px;transition:transform .15s}.fan-card:hover,.fan-card:focus-visible{transform:translate(-4px)}.fan-card:focus-visible{outline:2px solid var(--text);outline-offset:3px}.fan-card b{font:600 15px/18px var(--font-display);color:var(--r-type);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fan-card small{font:500 11px/14px var(--font-ui);color:color-mix(in oklab,var(--paper-ink) 70%,var(--paper));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fan-card i{position:absolute;right:10px;top:10px;width:24px;height:28px;background:var(--r-type);-webkit-mask:var(--sd-speckle);mask:var(--sd-speckle)}.fan-acts{order:-1;display:flex;gap:4px;opacity:0;transition:opacity .15s}.fan li:hover .fan-acts,.fan li:focus-within .fan-acts{opacity:1}.fan-acts button{all:unset;cursor:pointer;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:color-mix(in oklab,var(--ground) 80%,transparent);color:var(--text)}.fan-acts button:hover,.fan-acts button:focus-visible{background:var(--ground);outline:1px solid color-mix(in oklab,var(--text) 40%,transparent)}.fan-acts svg{width:13px;height:13px}.fan li:has(.fan-more){bottom:calc(var(--i) * 78px + 8px)}.fan .fan-more{all:unset;cursor:pointer;position:relative;display:block;width:196px;height:28px}.fan .fan-more>span{position:absolute;left:0;right:0;height:16px;background-color:var(--paper);background-image:var(--sd-grain);border-radius:2px;box-shadow:0 2px 3px #0007;transition:transform .15s}.fan .fan-more>span:nth-child(1){top:0;transform:rotate(-1.4deg);background:var(--paper-shade)}.fan .fan-more>span:nth-child(2){top:6px;transform:rotate(.8deg);background:color-mix(in oklab,var(--paper) 70%,var(--paper-shade))}.fan .fan-more>span:nth-child(3){top:12px;transform:rotate(-.3deg)}.fan .fan-more:hover>span:nth-child(1){transform:translateY(-3px) rotate(-1.4deg)}.fan .fan-more:hover>span:nth-child(2){transform:translateY(-1.5px) rotate(.8deg)}.fan .fan-more:focus-visible{outline:2px solid var(--text);outline-offset:4px}.fan .fan-more i{position:absolute;top:-8px;width:14px;height:17px;background:var(--paper);padding:1.5px;box-sizing:border-box;box-shadow:0 1px 2px #0006}.fan .fan-more i:after{content:"";display:block;height:100%;background:var(--r-type);-webkit-mask:var(--sd-speckle);mask:var(--sd-speckle)}.fan .fan-more>span:nth-child(1) i{right:22px;transform:rotate(6deg)}.fan .fan-more>span:nth-child(2) i{right:48px;transform:rotate(-4deg)}.fan .fan-more>span:nth-child(3) i{right:12px;top:-4px;transform:rotate(2deg)}.fan .fan-more b{position:absolute;right:30px;top:-3px;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--paper-ink);opacity:.45}.fan-scrim.is-touch{background:color-mix(in oklab,var(--ground) 86%,transparent);animation:scrim-in .2s both;z-index:7!important}@keyframes scrim-in{0%{opacity:0}}.fan.is-touch{z-index:8!important;right:calc(50% - 160px);bottom:calc(var(--space-4) + 76px)}.fan.is-touch li{bottom:calc(var(--i) * 96px);right:0;transform:translate(calc(var(--i) * var(--i) * -1.6px)) rotate(calc(var(--i) * -1.2deg));gap:10px}.fan.is-touch li:has(.fan-more){bottom:calc(var(--i) * 96px + 10px)}.fan.is-touch .fan-card{width:236px;height:84px;padding:12px 52px 12px 14px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.fan.is-touch .fan-card b{font-size:17px;line-height:21px}.fan.is-touch .fan-card small{font-size:12px}.fan.is-touch .fan-acts{display:none}.fan.is-touch .fan-more{width:236px}.fan.is-touch~.stampbtn{z-index:9!important}.fan.is-tablet{right:calc(50% - 200px);bottom:calc(var(--space-6) + 80px)}.fan.is-tablet li{bottom:calc(var(--i) * 112px)}.fan.is-tablet li:has(.fan-more){bottom:calc(var(--i) * 112px + 12px)}.fan.is-tablet .fan-card,.fan.is-tablet .fan-more{width:300px}.fan.is-tablet .fan-card{height:98px;padding:14px 60px 14px 18px}.fan.is-tablet .fan-card b{font-size:20px;line-height:24px}.fan.is-tablet .fan-card small{font-size:13px}.fan.is-tablet .fan-card i{width:30px;height:36px;right:14px;top:14px}.fan.has-menu li{opacity:.35;transition:opacity .15s}.fan.has-menu li.is-held{opacity:1;z-index:2}.fan li.is-held .fan-card{transform:translate(-6px,-4px);box-shadow:0 14px 22px #000a,0 3px 5px #0007}.pilezone.is-suggesting .sd-pile{pointer-events:none}.pilezone.is-suggesting .sd-pile .sd-card{animation:none!important}.sd-screen>.sg-scrim{position:absolute;inset:0;z-index:3;background:color-mix(in oklab,var(--r-ground) 40%,transparent);animation:scrim-in .2s both}.scr-home:has(>.sg-scrim)>.home,.scr-home:has(>.sg-scrim)>.foot{z-index:4;pointer-events:none}.scr-home:has(>.sg-scrim) .sg-card,.scr-home:has(>.sg-scrim) .foot .btnrow{pointer-events:auto}.sg-card{position:absolute;z-index:6;left:50%;top:0;width:min(290px,74vw);aspect-ratio:3 / 2;margin:0;transform:translate(-50%)}@media(min-width:700px){.sg-card{width:320px}}.sg-card .sd-card{position:absolute;inset:0;width:auto;transform:rotate(1.5deg) translate(4px,-6px);box-shadow:0 16px 26px #000a,0 3px 6px #0007}.sg-card .sd-cat{min-height:12px}.sg-card .sd-title.pen{font:700 26px/26px var(--font-mark);filter:none;-webkit-line-clamp:2}.sg-stampbox{grid-row:1 / 3;grid-column:2;position:relative;width:40px;height:48px;border:1.5px dashed color-mix(in oklab,var(--paper-ink) 35%,transparent)}.sg-stampbox .pc-stamp{inset:-4px}.sg-field{grid-column:1 / -1;justify-self:start;width:70%;position:relative;z-index:2;display:block;background:color-mix(in oklab,var(--paper-ink) 11%,var(--paper));box-shadow:inset 0 1px 2px #0002;border-bottom:2px solid color-mix(in oklab,var(--paper-ink) 70%,transparent);border-radius:3px 3px 0 0;padding:0 8px}.sg-field input{all:unset;box-sizing:border-box;width:100%;padding:7px 0 6px;font:500 13px/16px var(--font-ui);color:var(--paper-ink);caret-color:var(--r-type);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-field input:disabled{opacity:.8}.sg-field:focus-within{border-bottom-color:var(--r-type)}.sg-card .pc-postmark{right:44px;top:10px;width:60px;font-size:7.5px}.sg-card .pc-waves{right:100px;top:24px;width:60px;height:20px}.sg-card.is-enter .sd-card{animation:sg-enter .5s cubic-bezier(.2,.9,.3,1) both}@keyframes sg-enter{0%{transform:translateY(80%) rotate(5deg);opacity:0}}.sg-card.is-leaving .sd-card{animation:sg-leave .3s cubic-bezier(.5,0,.75,0) forwards}@keyframes sg-leave{0%{transform:rotate(1.5deg) translate(4px,-6px)}to{transform:translateY(80%) rotate(5deg);opacity:0}}.scr-home:has(.sg-card.is-leaving) .foot .btnrow{opacity:0;transition:opacity .15s}.sg-card.is-shake .sd-card{animation:sg-shake .45s ease-in-out}@keyframes sg-shake{0%,to{transform:rotate(1.5deg) translate(4px,-6px)}20%{transform:rotate(.8deg) translate(-4px,-6px)}40%{transform:rotate(2deg) translate(10px,-6px)}60%{transform:rotate(1deg) translateY(-6px)}80%{transform:rotate(1.7deg) translate(6px,-6px)}}.sg-card.is-arrived .pc-stamp{animation:stamp-on .3s cubic-bezier(.3,1.4,.5,1) both}.sg-card.is-arrived .pc-postmark,.sg-card.is-arrived .pc-waves{animation:mark-on .35s .2s both}.sg-card.is-sending .pc-stamp{animation:stamp-on .28s cubic-bezier(.5,0,.75,0) both}.sg-card.is-sending .pc-postmark,.sg-card.is-sending .pc-waves{animation:mark-on .25s .5s both}@keyframes stamp-on{0%{transform:translate(-14px,-34px) rotate(-10deg);opacity:0}}@keyframes mark-on{0%{opacity:0;transform:rotate(-24deg)}}.sg-card.is-sending .sd-card{animation:sg-dip .2s .26s ease-out,sg-align .5s .9s cubic-bezier(.3,.7,.4,1) forwards,sg-drop .55s 1.42s cubic-bezier(.55,0,.9,.45) forwards}@keyframes sg-dip{50%{transform:rotate(1.5deg) translate(4px,-2px)}}@keyframes sg-align{to{transform:perspective(700px) translateY(78px) rotateX(16deg)}}@keyframes sg-drop{0%{transform:perspective(700px) translateY(78px) rotateX(16deg);clip-path:inset(-20px -20px 0 -20px)}to{transform:perspective(700px) translateY(calc(78px + 100%)) rotateX(16deg);clip-path:inset(-20px -20px 100% -20px)}}.sg-slot{position:absolute;z-index:-1;left:-8%;right:-8%;top:calc(100% + 72px);height:16px;border-radius:8px;background:linear-gradient(color-mix(in oklab,var(--r-ground) 70%,#000),var(--r-ground) 55%);box-shadow:inset 0 3px 3px color-mix(in oklab,var(--r-ground) 55%,#000),0 -2px 0 var(--tone-dim),0 2px color-mix(in oklab,var(--tone-shape) 60%,var(--paper));filter:url(#sd-rough-sm);animation:slot-open .32s .7s cubic-bezier(.3,.8,.4,1) both,slot-close .26s 2.1s ease-in forwards}@keyframes slot-open{0%{clip-path:inset(-10px 50% -12px 50%)}to{clip-path:inset(-10px -6px -12px -6px)}}@keyframes slot-close{to{clip-path:inset(-10px 50% -12px 50%)}}.ra-spot{width:min(290px,74vw);aspect-ratio:3 / 2;margin-bottom:var(--space-3)}@media(min-width:700px){.ra-spot{width:320px}}.ra-note{position:relative;z-index:2;margin:0 0 22px;text-align:center;font:700 24px/1.1 var(--font-mark);color:var(--text);text-shadow:0 2px 8px #000a;transform:rotate(-2deg)}@media(prefers-reduced-motion:reduce){.fan.is-fresh li{animation:none}.sd-pile .sd-card{transition:none}.pile-shuf .s1,.pile-shuf .s2{transition:none;animation:none!important}}