:root{color-scheme:light;--ink: oklch(0.18 0.006 3.4);--muted: oklch(0.51 0.004 3.4);--rose: oklch(0.546 0.204 3.4);--line: color-mix(in oklch, oklch(0.51 0.004 3.4) 22%, transparent);--surface: oklch(0.97 0.003 3.4);--page: #fbfbfc;--out: cubic-bezier(0.25, 1, 0.5, 1)}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:oklch(1 0 0);color:var(--ink);font-family:"Public Sans",system-ui,sans-serif}.jc-chrome{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.75rem 1rem;background:oklch(1 0 0 / 0.82);backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in oklch,oklch(0.51 0.004 3.4) 25%,transparent);font-size:0.9375rem;color:var(--ink);min-height:44px}.jc-back{display:inline-flex;align-items:center;gap:0.4rem;color:inherit;text-decoration:none;padding:0.25rem 0.25rem 0.25rem 0;border-bottom:1px solid transparent;min-height:44px}.jc-back:hover .jc-back-text,.jc-back:focus-visible .jc-back-text{border-bottom:1px solid var(--rose)}.jc-back:focus-visible{outline:2px solid var(--rose);outline-offset:2px;border-radius:2px}.jc-title{font-family:"Spectral",Georgia,serif;font-weight:500;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.jc-back-text{display:none}.jc-title{font-size:0.875rem}}#stage{position:fixed;inset:0;width:100%;height:100%;z-index:1;display:block;touch-action:none}.dock{position:fixed;z-index:10;left:0;right:0;bottom:0;padding:0.4rem 1rem calc(0.5rem + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--page) 78%,color-mix(in oklch,var(--page) 0%,transparent))}.dock,.dock *,.dock *::before,.dock *::after{box-sizing:border-box}.bar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"clock hello more";align-items:end;gap:0.75rem;max-width:62rem;margin:0 auto}.clock{grid-area:clock;justify-self:start}.hello{grid-area:hello}.more{grid-area:more;justify-self:end}@media(max-width:640px){.bar{grid-template-columns:1fr 1fr;grid-template-areas:"hello hello" "clock more";gap:0.5rem 0.5rem}.hello{justify-self:center}}button,input[type=text]{font:inherit;font-size:0.9375rem;color:var(--ink)}button{min-height:44px;padding:0 0.9rem;border:1px solid var(--line);border-radius:8px;background:oklch(1 0 0);cursor:pointer;transition:border-color 120ms var(--out),background-color 120ms var(--out)}button:hover{border-color:var(--rose)}button:focus-visible,a:focus-visible{outline:2px solid var(--rose);outline-offset:2px}button svg{width:18px;height:18px;fill:currentColor;display:block}.hello{width:min(24rem,100%);background:oklch(1 0 0);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px color-mix(in oklch,var(--ink) 9%,transparent),0 10px 24px -14px color-mix(in oklch,var(--ink) 55%,transparent);transform:rotate(-1.4deg);transition:transform 260ms var(--out),box-shadow 260ms var(--out)}.hello:focus-within{transform:rotate(0deg) translateY(-2px);box-shadow:0 0 0 1px color-mix(in oklch,var(--ink) 12%,transparent),0 14px 30px -14px color-mix(in oklch,var(--ink) 60%,transparent)}.hello-band{background:var(--rose);color:oklch(1 0 0);display:flex;align-items:baseline;justify-content:center;gap:0.45rem;padding:0.3rem 0.8rem 0.35rem;font-size:0.8125rem;font-weight:500}.hello-band b{font-family:"Spectral",Georgia,serif;font-size:1.3rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;line-height:1}.hello-field{display:flex;align-items:center;gap:0.6rem;padding:0.45rem 0.45rem 0.45rem 0.6rem}.hello-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:0.35rem;padding:0 0.6rem 0.55rem}.hello-chips button{min-height:36px;padding:0 0.8rem;border-radius:999px;font-family:"Spectral",Georgia,serif;font-size:1rem}@media(pointer:coarse){.hello-chips button{min-height:44px}}#peek{flex:none;width:44px;height:44px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);filter:blur(3.2px) saturate(0.7) brightness(1.06);transition:filter 300ms var(--out),transform 200ms var(--out)}#peek.pop{transform:scale(0.9);transition:none}#dudename{flex:1;min-width:0;min-height:48px;padding:0 0.15rem;border:0;border-bottom:2px solid var(--line);border-radius:0;background:transparent;font-family:"Spectral",Georgia,serif;font-size:1.6rem;font-weight:500;line-height:1}#dudename::placeholder{color:var(--muted);opacity:1}#dudename:focus{outline:none;border-bottom-color:var(--rose)}#dudename.sent{animation:sent 320ms var(--out)}@keyframes sent{from{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}.go{flex:none;width:44px;padding:0;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:oklch(1 0 0);border-color:var(--ink)}.go:hover{background:var(--rose);border-color:var(--rose)}.go svg{fill:none}.clock{display:flex}.clock button{width:44px;padding:0;display:grid;place-items:center;border-radius:0;margin-left:-1px;color:var(--muted)}.clock button:first-child{border-radius:8px 0 0 8px;margin-left:0}.clock button:last-child{border-radius:0 8px 8px 0;width:48px}.clock button:last-child svg{width:22px}.clock button[aria-pressed=true]{background:var(--ink);color:oklch(1 0 0);border-color:var(--ink);position:relative;z-index:1}.clock button.held{background:var(--rose);border-color:var(--rose);color:oklch(1 0 0)}.more{display:inline-flex;align-items:center;gap:0.45rem}.more svg{fill:none}.more[aria-expanded=true]{background:var(--ink);color:oklch(1 0 0);border-color:var(--ink)}.sheet{width:min(40rem,100%);margin:0 auto 0.6rem;background:oklch(1 0 0);border-radius:14px;box-shadow:0 0 0 1px color-mix(in oklch,var(--ink) 9%,transparent),0 18px 40px -22px color-mix(in oklch,var(--ink) 55%,transparent);padding:0.75rem 0.75rem 0.8rem;animation:rise 220ms var(--out)}.sheet.bin{box-shadow:0 0 0 2px var(--rose),0 18px 40px -22px color-mix(in oklch,var(--ink) 55%,transparent)}@keyframes rise{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}.sheet-hint{margin:0 0 0.5rem;text-align:center;font-size:0.8125rem;color:var(--muted)}.sheet.bin .sheet-hint{color:var(--rose)}.shelf{display:grid;grid-template-columns:repeat(6,1fr);gap:0.4rem}.thing span{text-align:center;line-height:1.1;hyphens:manual}@media(max-width:480px){.shelf{grid-template-columns:repeat(6,minmax(0,1fr));gap:0.25rem}.thing{min-height:64px;font-size:0.64rem;padding:0.2rem 0.05rem 0.3rem}.thing img{width:38px;height:38px}}.thing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.1rem;min-height:92px;padding:0.3rem 0.2rem 0.45rem;border:1px solid transparent;border-radius:10px;background:var(--surface);font-size:0.8125rem;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.thing:hover{border-color:var(--line);background:oklch(1 0 0)}.thing:active{cursor:grabbing}.thing img{width:64px;height:64px;pointer-events:none}.thing.lifted{opacity:0.35}.tabs{display:flex;gap:0.2rem;width:fit-content;margin:0 auto 0.65rem;padding:0.2rem;background:var(--surface);border-radius:11px}.tabs [role=tab]{min-height:44px;padding:0 1.15rem;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:500}.tabs [role=tab]:hover{color:var(--ink);border:0}@media(max-width:420px){.tabs [role=tab]{padding:0 0.75rem}}.tabs [role=tab][aria-selected=true]{background:oklch(1 0 0);color:var(--ink);box-shadow:0 1px 3px color-mix(in oklch,var(--ink) 18%,transparent)}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.5rem;max-width:30rem;margin:0 auto}.tile{display:flex;align-items:center;gap:0.75rem;min-height:64px;padding:0.5rem 0.85rem;border:1px solid transparent;border-radius:10px;background:var(--surface);font-weight:500;text-align:left}.tile:hover{border-color:var(--line);background:oklch(1 0 0)}.tile-text{display:flex;flex-direction:column;gap:0.1rem;min-width:0}.pane-people .tile{flex-direction:column;align-items:flex-start;gap:0.4rem;padding:0.6rem 0.8rem 0.65rem}.tile-note{text-wrap:balance;font-size:0.8125rem;font-weight:400;line-height:1.3;color:color-mix(in oklch,var(--ink) 30%,var(--muted))}.tile-icon{flex:none;width:48px;height:40px;color:var(--ink)}.tile-icon.faces,.tile-icon.crowd{display:flex;align-items:center;width:auto;height:40px}.tile-icon img{border-radius:50%;background:oklch(1 0 0);box-shadow:0 0 0 2px var(--surface)}.tile:hover .tile-icon img{box-shadow:0 0 0 2px oklch(1 0 0)}.faces img{width:36px;height:36px}.faces img+img{margin-left:-13px}.crowd img{width:26px;height:26px}.crowd img+img{margin-left:-10px}#sound .sound-off{display:none}#sound[aria-pressed=false] .sound-on{display:none}#sound[aria-pressed=false] .sound-off{display:inline}#sound[aria-pressed=true]{background:var(--ink);color:oklch(1 0 0);border-color:var(--ink)}#sound[aria-pressed=true] .tile-icon{color:oklch(1 0 0)}@media(min-width:1000px){.sheet{width:min(52rem,100%);padding:0.5rem 0.75rem 0.7rem}.shelf{grid-template-columns:repeat(6,92px);justify-content:center}.thing{min-height:74px}.thing img{width:50px;height:50px}}@media(max-width:640px){.dock{padding-left:0.75rem;padding-right:0.75rem}.sheet{border-radius:16px 16px 12px 12px;padding:0.6rem}.thing{min-height:74px}.thing img{width:48px;height:48px}.dock.menu-open .hello{display:none}.dock.menu-open .bar{grid-template-areas:"clock more"}}.pill{position:fixed;z-index:11;left:50%;transform:translateX(-50%);top:calc(var(--chrome-h, 4.9rem) + 0.6rem);border-radius:999px;padding:0 1.1rem;box-shadow:0 6px 18px -10px color-mix(in oklch,var(--ink) 50%,transparent)}.nametag{position:fixed;z-index:9;left:0;top:0;margin:0;pointer-events:none;transform:translate(-50%,-100%);background:oklch(1 0 0);border-radius:6px;padding:0.45rem 0.6rem 0.2rem;font-family:"Spectral",Georgia,serif;font-size:1.2rem;font-weight:600;color:var(--ink);white-space:nowrap;box-shadow:inset 0 5px 0 var(--rose),0 8px 18px -10px color-mix(in oklch,var(--ink) 60%,transparent);opacity:0;transition:opacity 380ms var(--out)}.nametag.on{opacity:1}.nametag-line{display:block;font-size:0.9375rem;font-weight:400;font-style:italic;margin-top:-0.1rem;padding-bottom:0.25rem}body.tagging .picked{opacity:0}.mark{position:fixed;z-index:9;left:0;top:0;width:44px;height:44px;padding:0;margin:0;display:grid;place-items:center;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.mark[hidden]{display:none}.hint{position:fixed;z-index:9;left:0;top:0;pointer-events:none;padding:0.35rem 0.7rem;margin-top:-10px;border-radius:999px;background:var(--ink);color:oklch(1 0 0);font-size:0.8125rem;line-height:1.2;white-space:nowrap;box-shadow:0 6px 16px -8px color-mix(in oklch,var(--ink) 70%,transparent);animation:hint-in 320ms var(--out) both}.hint::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;margin-left:-5px;background:inherit;transform:rotate(45deg);border-radius:2px}.hint[hidden]{display:none}.photo-flash{position:fixed;inset:0;z-index:30;pointer-events:none;background:oklch(1 0 0);animation:photo-flash 420ms ease-out both}@keyframes photo-flash{from{opacity:0.9}to{opacity:0}}@keyframes hint-in{from{opacity:0;margin-top:-2px}to{opacity:1;margin-top:-10px}}@media(prefers-reduced-motion:reduce){.hint{animation:none}}.pencil{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--rose);color:oklch(1 0 0);box-shadow:0 0 0 2px oklch(1 0 0),0 4px 10px -4px color-mix(in oklch,var(--ink) 60%,transparent)}.pencil svg{width:16px;height:16px}@media(max-width:640px){.mark .pencil{width:20px;height:20px}.mark .pencil svg{width:12px;height:12px}}.pencil-band{fill:none;stroke:var(--rose);stroke-width:1.3}.mark .pencil{animation:pencil-bob 2.4s ease-in-out infinite}.mark:hover .pencil,.mark:focus-visible .pencil{transform:scale(1.12);animation:none}@keyframes pencil-bob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-3px) rotate(4deg)}}.card{position:relative;width:min(26rem,100%);margin:0 auto 0.6rem;background:oklch(1 0 0);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px color-mix(in oklch,var(--ink) 9%,transparent),0 14px 30px -16px color-mix(in oklch,var(--ink) 55%,transparent);transform:rotate(0.7deg)}.card.slap{animation:slap 320ms var(--out)}@keyframes slap{from{transform:rotate(-2.5deg) translateY(10px) scale(0.97);opacity:0}to{transform:rotate(0.7deg);opacity:1}}.card-band{background:var(--rose);color:oklch(1 0 0);display:flex;align-items:baseline;justify-content:center;gap:0.45rem;padding:0.3rem 2.75rem 0.35rem;font-size:0.8125rem;font-weight:500}.card-band b{font-family:"Spectral",Georgia,serif;font-size:1.3rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;line-height:1}.card-x{position:absolute;top:0;right:0;width:44px;min-height:0;height:2.25rem;padding:0;display:grid;place-items:center;border:0;border-radius:0 12px 0 0;background:transparent;color:oklch(1 0 0)}.card-x:hover{background:transparent}.card-x:focus-visible{outline:none}.card-x svg{width:26px;height:26px;padding:5px;box-sizing:border-box;border-radius:50%;fill:none;transition:background-color 120ms var(--out)}.card-x:hover svg{background:color-mix(in oklch,var(--ink) 20%,transparent)}.card-x:focus-visible svg{box-shadow:0 0 0 2px oklch(1 0 0)}.card-head{display:flex;align-items:center;gap:0.75rem;padding:0.7rem 0.9rem 0.2rem}#card-face{flex:none;width:60px;height:60px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.card-who{flex:1;min-width:0}.card-name{margin:0;font-family:"Spectral",Georgia,serif;font-size:1.75rem;font-weight:500;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-line{margin:0.3rem 0 0;min-height:1.6rem;font-family:"Spectral",Georgia,serif;font-style:italic;font-size:1.125rem;line-height:1.4;border-bottom:1.5px solid var(--line)}.card-line.blank{border-bottom-style:dotted;border-bottom-color:color-mix(in oklch,var(--muted) 55%,transparent)}.card-line.writing{animation:write 1100ms cubic-bezier(0.45,0,0.25,1) both}@keyframes write{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.card-feel,.card-acts{list-style:none;margin:0;padding:0}.card-feel{padding:0.3rem 0.9rem 0 calc(0.9rem + 60px + 0.75rem);font-size:0.875rem;line-height:1.5}.card-feel:empty{display:none}.card-acts{margin:0.7rem 0.9rem 0;padding-top:0.55rem;border-top:1px solid var(--line);font-size:0.875rem;line-height:1.35}.card-acts li{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.2rem 0}.card-acts li span:first-child{min-width:0}.card-acts li.none{color:var(--muted)}.tally{flex:none;color:var(--ink)}.tally path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.tally-n{font-family:"Spectral",Georgia,serif;font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}.card-row{display:flex;justify-content:flex-end;gap:0.5rem;padding:0.75rem 0.9rem 0.85rem}.card-in{background:var(--ink);color:oklch(1 0 0);border-color:var(--ink);margin-right:auto}.card-in:hover{background:var(--rose);border-color:var(--rose)}@media(min-width:1000px){.card{position:fixed;z-index:10;left:1.25rem;top:calc(5.25rem + env(safe-area-inset-top));width:20rem;margin:0}}@media(max-width:640px){.dock.card-open .hello{display:none}.dock.card-open .bar{grid-template-areas:"clock more"}.dock.card-open .picked{display:none}.card-head{padding:0.55rem 0.75rem 0.1rem;gap:0.65rem}#card-face{width:52px;height:52px}.card-name{font-size:1.5rem}.card-feel{padding-left:calc(0.75rem + 52px + 0.65rem)}.card-acts{margin:0.5rem 0.75rem 0;padding-top:0.35rem}.card-acts li{padding:0.1rem 0}.card-acts li:nth-child(n+4){display:none}.card-row{padding:0.45rem 0.75rem 0.6rem}}.album-head{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title find" "count find";align-items:center;column-gap:0.75rem;margin:0.85rem 0.15rem 0.1rem}.album-title{grid-area:title;margin:0;font-family:"Spectral",Georgia,serif;font-size:1.125rem;font-weight:600;line-height:1.2}.album-count{grid-area:count;margin:0;font-size:0.8125rem;color:var(--muted)}.album-find{grid-area:find;width:11rem;min-height:40px;padding:0 0.65rem;border:1px solid var(--line);border-radius:8px;background:oklch(1 0 0);font:inherit;font-size:0.875rem;color:var(--ink)}.album-find::placeholder{color:var(--muted);opacity:1}.album-find:focus{outline:2px solid var(--rose);outline-offset:1px}.album{max-height:min(34vh,18rem);overflow-y:auto;overscroll-behavior:contain;padding:0 0.3rem 0.35rem;scrollbar-width:thin}.album-group{margin:0.7rem 0 0.4rem;font-size:0.8125rem;font-weight:500;color:var(--muted)}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:0.55rem 0.5rem}.sticker{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:0.55rem;align-items:center;min-height:0;padding:0.6rem 0.6rem 0.45rem;border:0;border-radius:8px;background:oklch(1 0 0);box-shadow:inset 0 5px 0 var(--rose),0 0 0 1px color-mix(in oklch,var(--ink) 9%,transparent),0 6px 12px -9px color-mix(in oklch,var(--ink) 60%,transparent);text-align:left;transform:rotate(-1deg);transition:transform 160ms var(--out)}.sticker:nth-child(3n+2){transform:rotate(0.8deg)}.sticker:nth-child(3n){transform:rotate(-0.4deg)}.sticker:hover,.sticker:focus-visible{transform:rotate(0deg) translateY(-2px);border:0}.sticker img{grid-row:1 / 3;width:38px;height:38px;border-radius:50%;background:var(--surface)}.sticker-name{max-width:100%;font-family:"Spectral",Georgia,serif;font-size:1rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticker-line{font-family:"Spectral",Georgia,serif;font-style:italic;font-size:0.8125rem;line-height:1.25;min-height:1.25em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sticker-line.blank{min-height:0;width:80%;height:0.9em;margin-bottom:0.35em;border-bottom:1.5px dotted color-mix(in oklch,var(--muted) 55%,transparent)}.sticker.waiting{position:relative}.sticker.waiting .pencil{position:absolute;right:0.55rem;bottom:0.35rem;width:22px;height:22px}.sticker.waiting .pencil svg{width:13px;height:13px}.album-none{margin:0.9rem 0 0.4rem;text-align:center;font-size:0.875rem;color:var(--muted)}@media(min-width:1000px){.pane-people{display:grid;grid-template-columns:12.5rem minmax(0,1fr);grid-template-areas:"tiles head" "tiles album";column-gap:1rem}.pane-people[hidden]{display:none}.pane-people .tiles{grid-area:tiles;grid-template-columns:1fr;align-content:start;margin:0}.album-head{grid-area:head;margin-top:0}.album{grid-area:album;max-height:10.5rem}.album-grid{grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr))}.tile{min-height:56px}}@media(max-width:480px){.album-head{grid-template-columns:1fr;grid-template-areas:"title" "count" "find";row-gap:0.1rem}.album-find{width:100%;margin-top:0.45rem}}.picked,.ticker,.note,.perf{margin:0;pointer-events:none;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picked{font-family:"Spectral",Georgia,serif;font-size:1.125rem;line-height:1.4;height:1.4em;opacity:0;transition:opacity 140ms ease}.picked.on{opacity:1}.ticker{font-family:"Spectral",Georgia,serif;font-size:0.9375rem;line-height:1.5;height:1.5em;margin-bottom:0.35rem;color:var(--muted);opacity:0;transition:opacity 220ms ease}.ticker.on{opacity:1}.note{color:var(--muted);font-size:0.8125rem;line-height:1.6;margin-top:0.3rem;min-height:1.6em}.perf{position:fixed;z-index:10;left:1rem;right:1rem;top:calc(4.6rem + env(safe-area-inset-top));font-family:ui-monospace,"SFMono-Regular",Menlo,monospace;font-size:0.6875rem;color:var(--muted)}.loading{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:oklch(1 0 0);color:var(--muted);font-family:"Spectral",Georgia,serif;font-size:1.125rem}.loading.done{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.info-btn{position:fixed;z-index:11;right:1rem;top:calc(var(--chrome-h, 4.9rem) + 0.6rem);width:44px;min-height:44px;padding:0;border-radius:50%;font-family:"Spectral",Georgia,serif;font-size:1.25rem;font-weight:600;font-style:italic;box-shadow:0 6px 18px -10px color-mix(in oklch,var(--ink) 50%,transparent)}.info-btn.fresh{animation:info-pulse 2.4s var(--out) infinite;border-color:var(--rose)}@keyframes info-pulse{0%,60%,100%{box-shadow:0 0 0 0 color-mix(in oklch,var(--rose) 45%,transparent)}30%{box-shadow:0 0 0 9px color-mix(in oklch,var(--rose) 0%,transparent)}}body.feeding .info-btn{display:none}.deck{border:0;padding:0;border-radius:14px;overflow:hidden;width:min(36rem,calc(100vw - 1.5rem));max-height:calc(100dvh - 1.5rem);background:oklch(1 0 0);color:var(--ink);box-shadow:0 24px 60px -24px color-mix(in oklch,var(--ink) 70%,transparent)}.deck[open]{display:flex;flex-direction:column}.deck::backdrop{background:color-mix(in oklch,var(--ink) 40%,transparent)}.deck-x{position:absolute;z-index:1;top:0.5rem;right:0.5rem;width:44px;padding:0;border-radius:50%;display:grid;place-items:center;background:oklch(1 0 0 / 0.9)}.deck-figure{background:var(--page);touch-action:pan-y;flex:none}.deck-figure img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:contain}.deck-words{padding:1rem 1.25rem 0.25rem;overflow-y:auto}.deck-step{margin:0;font-size:0.75rem;letter-spacing:0.04em;color:var(--muted)}.deck-title{margin:0.15rem 0 0.5rem;font-family:"Spectral",Georgia,serif;font-size:1.4rem;font-weight:600;line-height:1.2}.deck-body p{margin:0 0 0.45rem;font-size:0.9375rem;line-height:1.55}.deck-body ul{margin:0 0 0.5rem;padding:0;list-style:none}.deck-body li{margin:0 0 0.3rem;font-size:0.9375rem;line-height:1.45}.deck-body li b{font-weight:600}.deck-nav{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;padding:0.5rem 1rem 1rem}.deck-prev,.deck-next{display:inline-flex;align-items:center;justify-content:center;gap:0.35rem;min-width:6.5rem;font-weight:500}.deck-prev{padding:0 1.1rem 0 0.9rem}.deck-next{padding:0 0.9rem 0 1.1rem;background:var(--ink);color:oklch(1 0 0);border-color:var(--ink)}.deck-next:hover{border-color:var(--ink)}.deck-prev:disabled{visibility:hidden}.deck-dots{display:flex;flex:1;justify-content:center;gap:0.1rem;min-width:0}.deck-dot{width:26px;min-height:44px;padding:0;border:0;background:none;position:relative}@media(max-width:420px){.deck-nav{padding:0.5rem 0.75rem 0.85rem;gap:0.25rem}.deck-prev,.deck-next{min-width:0}.deck-prev{padding:0 0.8rem 0 0.6rem}.deck-next{padding:0 0.6rem 0 0.8rem}.deck-dot{width:18px}}.deck-dot::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:color-mix(in oklch,var(--ink) 20%,transparent)}.deck-dot[aria-current=step]::after{background:var(--rose);transform:scale(1.25)}.moments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:0.9rem 0.8rem;max-width:46rem;margin:0 auto;max-height:min(24rem,46vh);overflow-y:auto;padding:0.4rem 0.4rem 0.8rem}.moments-none{max-width:26rem;margin:0.8rem auto 1rem;text-align:center;font-size:0.875rem;line-height:1.5;color:var(--muted)}.polaroid{width:100%;padding:0.4rem 0.4rem 0.45rem;min-height:0;border:0;border-radius:2px;background:oklch(1 0 0);box-shadow:0 0 0 1px color-mix(in oklch,var(--ink) 8%,transparent),0 6px 14px -8px color-mix(in oklch,var(--ink) 50%,transparent);transform:rotate(-1.6deg);scroll-snap-align:start;text-align:left}.polaroid:nth-child(even){transform:rotate(1.4deg)}.polaroid img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--surface)}.polaroid span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:0.35rem;font-family:"Spectral",Georgia,serif;font-size:0.8125rem;line-height:1.3;color:var(--ink)}.moment-view{border:0;padding:0.8rem 0.8rem 0.9rem;border-radius:4px;width:min(26rem,calc(100vw - 2rem));background:oklch(1 0 0);color:var(--ink);box-shadow:0 20px 50px -20px color-mix(in oklch,var(--ink) 70%,transparent)}.moment-view::backdrop{background:color-mix(in oklch,var(--ink) 35%,transparent)}.moment-view img{display:block;width:100%;aspect-ratio:4 / 3}.moment-text{margin:0.7rem 0.2rem 0.8rem;font-family:"Spectral",Georgia,serif;font-size:1rem;line-height:1.4}.moment-row{display:flex;justify-content:flex-end;gap:0.5rem}.moment-delete{margin-right:auto}.here{position:fixed;z-index:12;left:1rem;top:calc(var(--chrome-h, 4.9rem) + 0.6rem);max-width:min(18rem,calc(100vw - 2rem))}.here:not(:focus-within){width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.here-list{list-style:none;margin:0;padding:0.35rem;max-height:calc(100vh - var(--chrome-h, 4.9rem) - 10rem);overflow-y:auto;background:oklch(1 0 0);border-radius:12px;box-shadow:0 0 0 1px color-mix(in oklch,var(--ink) 9%,transparent),0 10px 24px -14px color-mix(in oklch,var(--ink) 55%,transparent)}.here-list button{display:flex;align-items:baseline;gap:0.5rem;width:100%;min-height:44px;padding:0 0.75rem;border:0;border-radius:8px;background:none;font:inherit;font-size:0.9375rem;color:var(--ink);text-align:left;cursor:pointer}.here-list button:hover{background:var(--surface)}.here-list button:focus-visible{outline:2px solid var(--rose);outline-offset:-2px}.here-what{color:var(--muted);font-size:0.8125rem}.card:focus{outline:none}.card:focus-visible{outline:2px solid var(--rose);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}[hidden]{display:none!important}.feed{position:fixed;inset:0;z-index:9;background:var(--page)}#feed-stage{position:absolute;inset:0;width:100%;height:100%;display:block}.feed-list{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;outline:none}.feed-list::-webkit-scrollbar{display:none}.feed-item{position:relative;height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:calc(6.5rem + env(safe-area-inset-top)) 1rem calc(1.75rem + env(safe-area-inset-bottom));scroll-snap-align:start;scroll-snap-stop:always}.feed-view{flex:1;min-height:0;width:min(100%,30rem);padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}.feed-view:hover{border:0}.feed-view:focus-visible{outline:2px solid var(--rose);outline-offset:-6px;border-radius:16px}.feed-tag{flex:none;width:min(19rem,100%);margin-top:0.5rem;background:oklch(1 0 0);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px color-mix(in oklch,var(--ink) 9%,transparent),0 14px 30px -16px color-mix(in oklch,var(--ink) 55%,transparent);transform:rotate(-1.4deg);text-align:center}.feed-item:nth-child(even) .feed-tag{transform:rotate(1.1deg)}.feed-band{background:var(--rose);color:oklch(1 0 0);display:flex;align-items:baseline;justify-content:center;gap:0.45rem;padding:0.3rem 0.8rem 0.35rem;font-size:0.8125rem;font-weight:500}.feed-band b{font-family:"Spectral",Georgia,serif;font-size:1.3rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;line-height:1}.feed-name{margin:0.45rem 1rem 0;font-family:"Spectral",Georgia,serif;font-size:2rem;font-weight:500;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-line{margin:0.1rem 1rem 0;font-family:"Spectral",Georgia,serif;font-style:italic;font-size:1.0625rem}.feed-in{display:block;width:calc(100% - 1.5rem);margin:0.7rem auto 0.75rem;background:var(--ink);color:oklch(1 0 0);border-color:var(--ink)}.feed-in:hover{background:var(--rose);border-color:var(--rose)}.feed-x{z-index:11}body.feeding .dock,body.feeding #roomview,body.feeding #nametag,body.feeding #marks,body.feeding #card{display:none!important}.feed-item:first-child::after{content:"";position:absolute;left:50%;bottom:calc(0.55rem + env(safe-area-inset-bottom));width:9px;height:9px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);opacity:0.55;transform:translateX(-50%) rotate(45deg);animation:nudge 1.8s var(--out) infinite;pointer-events:none}@keyframes nudge{0%,60%,100%{translate:0 0}30%{translate:0 5px}}.no-webgl{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:2rem;text-align:center;font-family:"Spectral",Georgia,serif;font-size:1.25rem;color:var(--ink)}.no-webgl[hidden]{display:none}body.no-webgl>:not(.jc-chrome):not(.no-webgl):not(script){display:none!important}