:root{--poll-row-r: 16px}.bubble:has(.poll-card,.list-card){padding:var(--s-3) var(--s-3) 28px}.poll-card,.list-card{--poll-accent: var(--primary-ink);--poll-fill: var(--primary-soft);--poll-fill-picked: color-mix(in srgb, var(--primary) 30%, var(--primary-soft));--poll-row: color-mix(in srgb, currentColor 6%, transparent);--poll-mark-ink: var(--on-primary);--poll-mark-fill: var(--primary);--poll-outline: color-mix(in srgb, var(--bubble-theirs-ink) 38%, transparent);display:flex;flex-direction:column;gap:var(--s-2);width:min(304px,calc(78vw - 64px))}.msg.mine .poll-card,.msg.mine .list-card{--poll-accent: var(--bubble-mine-ink);--poll-fill: color-mix(in srgb, var(--bubble-mine-ink) 12%, transparent);--poll-fill-picked: color-mix(in srgb, var(--bubble-mine-ink) 20%, transparent);--poll-row: color-mix(in srgb, var(--bubble-mine-ink) 7%, transparent);--poll-mark-ink: var(--bubble-mine);--poll-mark-fill: var(--bubble-mine-ink);--poll-outline: color-mix(in srgb, var(--bubble-mine-ink) 45%, transparent)}.poll-kind{display:inline-flex;align-items:center;gap:var(--s-1);padding:0 var(--s-1);font-size:var(--t-xs);font-weight:700;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--poll-accent)}.poll-question{margin:0 0 var(--s-1);padding:0 var(--s-1);font-family:var(--font-display);font-weight:700;font-size:16px;line-height:22px}.poll-options{display:flex;flex-direction:column;gap:var(--s-1)}.poll-option{position:relative;display:flex;align-items:center;gap:var(--s-2);width:100%;min-height:40px;padding:var(--s-2) var(--s-3);border-radius:var(--poll-row-r);overflow:hidden;isolation:isolate;text-align:left;color:inherit;background:var(--poll-row);transition:background var(--dur-fast) var(--ease-out),transform var(--dur-press) var(--ease-out)}.poll-option:hover:not([aria-disabled=true]){background:color-mix(in srgb,currentColor 10%,transparent)}.poll-option:active:not([aria-disabled=true]){transform:scale(.98)}.poll-option:focus-visible{outline:2px solid var(--iris);outline-offset:2px}.poll-option[aria-disabled=true]{cursor:default}.poll-bar{position:absolute;inset:0;z-index:-1;background:var(--poll-fill);transform:scaleX(0)}.poll-option.picked .poll-bar{background:var(--poll-fill-picked)}.poll-option.top{font-weight:700}.poll-mark{width:20px;height:20px;flex:none;display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--poll-outline);border-radius:var(--r-pill);color:var(--poll-mark-ink);transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.poll-mark.square{border-radius:calc(var(--r-sm) / 2)}.poll-option.picked .poll-mark,.list-item.checked .poll-mark{background:var(--poll-mark-fill);box-shadow:none}.poll-text{flex:1;min-width:0;font-size:var(--t-sm);line-height:18px}.poll-voters{display:inline-flex;flex:none}.poll-voter{display:inline-grid;border-radius:var(--r-pill);box-shadow:0 0 0 2px var(--bubble-theirs)}.msg.mine .poll-voter{box-shadow:0 0 0 2px var(--bubble-mine)}.poll-voter+.poll-voter{margin-left:-6px}.poll-count{flex:none;min-width:36px;text-align:right;font-size:var(--t-xs);font-weight:800;font-variant-numeric:tabular-nums;color:var(--poll-accent)}.poll-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);flex-wrap:wrap;min-height:32px;padding:0 var(--s-1);font-size:var(--t-xs);opacity:.85}.poll-close{height:32px;padding:0 var(--s-3);border-radius:var(--r-pill);background:color-mix(in srgb,currentColor 10%,transparent);color:inherit;font-weight:700;font-size:var(--t-xs);transition:transform var(--dur-press) var(--ease-out),background var(--dur-fast) var(--ease-out)}.poll-close:hover:not(:disabled){background:color-mix(in srgb,currentColor 16%,transparent)}.poll-close:active:not(:disabled){transform:scale(var(--press-scale))}.poll-close:disabled{opacity:.5}.poll-card.closed .poll-option{background:color-mix(in srgb,currentColor 4%,transparent)}.list-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.list-item{display:flex;align-items:center;gap:var(--s-1);overflow:hidden}.list-tick{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s-3);min-height:40px;padding:var(--s-1) var(--s-2);border-radius:var(--poll-row-r);text-align:left;color:inherit;transition:background var(--dur-fast) var(--ease-out)}.list-tick:hover:not(:disabled){background:var(--poll-row)}.list-tick:focus-visible{outline:2px solid var(--iris);outline-offset:1px}.list-text{display:flex;flex-direction:column;min-width:0}.list-label{font-size:var(--t-sm);line-height:18px;transition:opacity var(--dur-base) var(--ease-out)}.list-item.checked .list-label{text-decoration:line-through;text-decoration-thickness:1.5px;opacity:.6}.list-by{font-size:11px;line-height:14px;opacity:.7}.list-remove{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-pill);color:inherit;opacity:.55}.list-remove:hover,.list-remove:focus-visible{opacity:1;background:var(--poll-row)}.list-add{display:flex;align-items:center;gap:var(--s-2);min-height:40px;margin-top:var(--s-1);padding:var(--s-1) var(--s-1) var(--s-1) var(--s-3);border-radius:var(--poll-row-r);background:var(--poll-row)}.list-add input{flex:1;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:var(--t-sm)}.list-add input::placeholder{color:inherit;opacity:.6}.list-add input:focus{outline:none}.list-add:focus-within{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--poll-accent) 60%,transparent)}.list-add-btn{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:var(--r-pill);color:var(--poll-mark-ink);background:var(--poll-mark-fill);transition:transform var(--dur-press) var(--ease-out)}.list-add-btn:active:not(:disabled){transform:scale(var(--press-scale))}.list-add-btn:disabled{opacity:.35}.builder{gap:var(--s-4)}.builder-lines{display:flex;flex-direction:column;gap:var(--s-2)}.builder-line{display:flex;align-items:center;gap:var(--s-2)}.builder-line .groove{min-height:44px}.builder-remove{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:var(--r-pill);color:var(--ink-2)}.builder-remove:hover,.builder-remove:focus-visible{color:var(--danger-ink);background:var(--surface-2)}.builder-add{display:inline-flex;align-items:center;gap:var(--s-2);min-height:40px;margin-top:var(--s-2);padding:0 var(--s-3);border-radius:var(--r-pill);color:var(--primary-ink);font-weight:700;font-size:var(--t-sm)}.builder-add:hover{background:var(--primary-soft)}.builder-settings{display:flex;flex-direction:column;gap:var(--s-2)}.builder-close{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--edge),var(--shadow-1)}.builder-chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.builder-chip{min-height:36px;padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-2);font-size:var(--t-sm);font-weight:700;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-press) var(--ease-out)}.builder-chip:active{transform:scale(var(--press-scale))}.builder-chip.on{background:var(--primary);color:var(--on-primary)}@media(max-width:640px){.poll-close,.list-remove,.list-add-btn{min-height:0}}@media(prefers-reduced-motion:reduce){.poll-option,.poll-close,.poll-mark,.list-tick,.list-label,.builder-chip{transition:none}}:root[data-design=calm]{--poll-row-r: 10px}:root[data-design=midnight]{--poll-row-r: 8px}.tour{position:fixed;inset:0;z-index:110;--tour-dim: var(--scrim)}.tour-spot{position:absolute;left:0;top:0;pointer-events:none;box-shadow:0 0 0 200vmax var(--tour-dim);will-change:transform}.tour-ring{position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 3px var(--primary),0 0 24px color-mix(in srgb,var(--primary) 45%,transparent)}.tour-ring.pulse:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 2px var(--primary);animation:tour-pulse 1.8s var(--ease-out) infinite}@keyframes tour-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.14);opacity:0}}.tour-card{position:absolute;left:0;top:0;width:min(320px,calc(100vw - 2 * var(--s-3)));padding:var(--s-4) var(--s-5) var(--s-4);background:var(--surface);color:var(--ink);border-radius:var(--r-card);box-shadow:var(--lift);outline:none;will-change:transform}.tour-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);margin-bottom:var(--s-2)}.tour-top .eyebrow{color:var(--ink-2);letter-spacing:.06em;font-weight:700}.tour-dots{display:flex;gap:6px}.tour-dot{width:6px;height:6px;border-radius:var(--r-pill);background:var(--line);transition:transform var(--dur-base) var(--ease-spring),background-color var(--dur-base) var(--ease-out)}.tour-dot.done{background:var(--ink-3)}.tour-dot.on{background:var(--primary);transform:scale(1.5)}.tour-title{margin:0 0 var(--s-1);font-family:var(--font-display);font-size:var(--t-lg);font-weight:600}.tour-body{margin:0;color:var(--ink-2);font-size:var(--t-base);line-height:1.5}.tour-foot{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-4)}.tour-spacer{flex:1}.tour-skip{min-height:36px;padding:0 var(--s-2);margin-left:calc(-1 * var(--s-2));border-radius:var(--r-pill);color:var(--ink-2);font-size:var(--t-sm);font-weight:700}.tour-skip:hover{color:var(--ink)}@media(prefers-reduced-motion:reduce){.tour-ring.pulse:after{display:none}.tour-dot{transition:background-color var(--dur-base) var(--ease-out)}}:root{--volt: #c8f545;--mint: #3dd6a8;--sky: #6aa8ff;--rose: #ff8fa3;--peach: #ffb36b;--night: #0e0d14;--font-display: "Fredoka", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--font-body: "Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--t-xs: .75rem;--t-sm: .8125rem;--t-base: .9375rem;--t-title: 1.0625rem;--t-md: var(--t-title);--t-lg: 1.25rem;--t-xl: 1.625rem;--t-2xl: 2.125rem;--t-3xl: 3rem;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 48px;--tap: 44px;--r-sm: 12px;--r-card: 22px;--r-sheet: 28px;--r-bubble: 24px;--r-bubble-tail: 6px;--r-pill: 999px;--dur-press: 90ms;--dur-fast: .16s;--dur-base: .22s;--dur-slow: .32s;--dur-theme: .28s;--ease-out: cubic-bezier(.2, .9, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.3, 1.35, .5, 1);--press-scale: .96;--rail-w: 76px;--shelf-w: 320px;--z-sheet: 60;--z-call: 90;--z-toast: 120;--bg: #0e0d14;--surface: #18161f;--surface-2: #22202c;--line: #2a2735;--ink: #f4f2fa;--ink-2: #a9a4ba;--ink-3: #7d7890;--primary: var(--volt);--on-primary: #0e0d14;--primary-ink: var(--volt);--primary-soft: #2a3218;--iris: #8b7cff;--danger: #ff7a66;--danger-ink: #ff7a66;--success: #3dd6a8;--success-ink: #3dd6a8;--peach-ink: #ffb36b;--bubble-mine: var(--volt);--bubble-mine-ink: #0e0d14;--bubble-theirs: #22202c;--bubble-theirs-ink: var(--ink);--bubble-theirs-shadow: 0 0 0 0 transparent;--edge: inset 0 0 0 1px var(--line);--shadow-1: 0 6px 20px rgba(0, 0, 0, .35);--shadow-2: 0 10px 28px rgba(0, 0, 0, .45);--lift: 0 14px 40px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .04);--ring-color: rgba(139, 124, 255, .35);--ring: 0 0 0 3px var(--ring-color);--scrim: rgba(6, 5, 10, .62);--swatch-default: var(--volt);--swatch-default-ink: #0e0d14;color-scheme:dark}:root[data-theme=light]{--bg: #f4f2fb;--surface: #ffffff;--surface-2: #ece9f8;--line: #e4e0f3;--ink: #1f1b2e;--ink-2: #5e5875;--ink-3: #8e88a4;--primary: #5443d6;--on-primary: #ffffff;--primary-ink: #5443d6;--primary-soft: #e6e2ff;--iris: #5443d6;--danger: #d6452f;--danger-ink: #b23a26;--success: #12a150;--success-ink: #0b7a3b;--peach-ink: #a8560f;--bubble-mine: var(--volt);--bubble-mine-ink: #1f1b2e;--bubble-theirs: #ffffff;--bubble-theirs-ink: var(--ink);--bubble-theirs-shadow: var(--shadow-1);--edge: 0 0 0 0 transparent;--shadow-1: 0 6px 20px rgba(84, 67, 214, .08);--shadow-2: 0 10px 28px rgba(84, 67, 214, .12);--lift: 0 10px 34px rgba(84, 67, 214, .18);--ring-color: rgba(84, 67, 214, .35);--scrim: rgba(31, 27, 46, .4);--swatch-default: #5443d6;--swatch-default-ink: #ffffff;color-scheme:light}:root:where([data-design=calm]){--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--font-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--r-sm: 10px;--r-card: 16px;--r-sheet: 24px;--r-bubble: 20px;--r-bubble-tail: 6px;--ease-spring: cubic-bezier(.25, 1, .5, 1)}:root[data-theme=dark]:where([data-design=calm]){--bg: #141317;--surface: #1c1b20;--surface-2: #26242b;--line: #302e36;--ink: #f3f1ee;--ink-2: #aba6b2;--ink-3: #7f7a87;--primary: #f0754e;--on-primary: #141317;--primary-ink: #f0754e;--primary-soft: #3a221b;--iris: #8fa6e0;--danger: #ff7a66;--danger-ink: #ff7a66;--success: #4cc38a;--success-ink: #4cc38a;--bubble-mine: #f0754e;--bubble-mine-ink: #141317;--bubble-theirs: #26242b;--ring-color: rgba(240, 117, 78, .35);--scrim: rgba(6, 5, 8, .6);--swatch-default: #f0754e;--swatch-default-ink: #141317}:root[data-theme=light]:where([data-design=calm]){--bg: #faf8f5;--surface: #ffffff;--surface-2: #f1eee9;--line: #e7e2db;--ink: #18171c;--ink-2: #5b5764;--ink-3: #8e8994;--primary: #c4421d;--on-primary: #ffffff;--primary-ink: #b03a18;--primary-soft: #fbe7df;--iris: #3d5a99;--danger: #c23b22;--danger-ink: #a8321c;--success: #1f8a5b;--success-ink: #17704a;--bubble-mine: #c4421d;--bubble-mine-ink: #ffffff;--bubble-theirs: #f1eee9;--bubble-theirs-shadow: 0 0 0 0 transparent;--shadow-1: 0 1px 2px rgba(24, 23, 28, .06), 0 4px 14px rgba(24, 23, 28, .06);--shadow-2: 0 2px 6px rgba(24, 23, 28, .07), 0 10px 24px rgba(24, 23, 28, .08);--lift: 0 12px 32px rgba(24, 23, 28, .14);--ring-color: rgba(196, 66, 29, .3);--scrim: rgba(24, 23, 28, .32);--swatch-default: #c4421d;--swatch-default-ink: #ffffff}:root:where([data-design=midnight]){--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--r-sm: 10px;--r-card: 14px;--r-sheet: 22px;--r-bubble: 16px;--r-bubble-tail: 4px;--ease-spring: cubic-bezier(.2, 1.2, .4, 1)}:root[data-theme=dark]:where([data-design=midnight]){--bg: #0d0e11;--surface: #15171c;--surface-2: #1f2229;--line: #262a32;--ink: #f3f4f6;--ink-2: #a1a6b1;--ink-3: #6e7480;--primary-soft: #2a3314;--iris: #7c8cff;--danger: #ff6b5a;--danger-ink: #ff6b5a;--bubble-theirs: #1f2229;--ring-color: rgba(200, 245, 69, .3);--scrim: rgba(0, 0, 0, .62)}:root[data-theme=light]:where([data-design=midnight]){--bg: #f5f6f8;--surface: #ffffff;--surface-2: #eceef2;--line: #e1e4ea;--ink: #0d0e11;--ink-2: #4e5563;--ink-3: #8a909c;--primary: #0d0e11;--on-primary: #c8f545;--primary-ink: #0d0e11;--primary-soft: #eaf8c4;--iris: #4455e0;--danger: #d23b26;--danger-ink: #b0301e;--success: #0e8a4e;--success-ink: #0b6e3e;--bubble-mine: var(--volt);--bubble-mine-ink: #0d0e11;--bubble-theirs: #ffffff;--shadow-1: 0 1px 2px rgba(13, 14, 17, .06), 0 6px 18px rgba(13, 14, 17, .07);--shadow-2: 0 10px 26px rgba(13, 14, 17, .1);--lift: 0 14px 36px rgba(13, 14, 17, .16);--ring-color: rgba(68, 85, 224, .35);--scrim: rgba(13, 14, 17, .4);--swatch-default: #0d0e11;--swatch-default-ink: #c8f545}:root[data-theme=light]:where([data-design=pebble]){--bubble-mine: #5443d6;--bubble-mine-ink: #ffffff}:root[data-theme=dark]:where([data-design=pebble]){--bg: #16131f;--surface: #1e1a2a;--surface-2: #28233a;--line: #332d47;--ink: #f3f0ff;--ink-2: #b0a9cc;--ink-3: #807a99;--primary: #8b7cff;--on-primary: #16131f;--primary-ink: #a99dff;--primary-soft: #2b2547;--iris: #8b7cff;--bubble-mine: #8b7cff;--bubble-mine-ink: #16131f;--bubble-theirs: #28233a;--ring-color: rgba(139, 124, 255, .4);--scrim: rgba(10, 8, 18, .6);--swatch-default: #8b7cff;--swatch-default-ink: #16131f}:root[data-accent=moss]{--primary: var(--mint);--primary-ink: var(--mint);--on-primary: #0e0d14;--primary-soft: color-mix(in srgb, var(--mint) 16%, var(--bg))}:root[data-accent=ochre]{--primary: var(--peach);--primary-ink: var(--peach);--on-primary: #0e0d14;--primary-soft: color-mix(in srgb, var(--peach) 16%, var(--bg))}:root[data-accent=clay-blue]{--primary: var(--sky);--primary-ink: var(--sky);--on-primary: #0e0d14;--primary-soft: color-mix(in srgb, var(--sky) 16%, var(--bg))}:root[data-accent=rust]{--primary: var(--rose);--primary-ink: var(--rose);--on-primary: #0e0d14;--primary-soft: color-mix(in srgb, var(--rose) 16%, var(--bg))}:root[data-theme=light][data-accent=moss]{--on-primary: #1f1b2e;--primary-ink: #0a7a5e;--primary-soft: color-mix(in srgb, var(--mint) 20%, #fff)}:root[data-theme=light][data-accent=ochre]{--on-primary: #1f1b2e;--primary-ink: #a8560f;--primary-soft: color-mix(in srgb, var(--peach) 22%, #fff)}:root[data-theme=light][data-accent=clay-blue]{--on-primary: #1f1b2e;--primary-ink: #2f66c4;--primary-soft: color-mix(in srgb, var(--sky) 20%, #fff)}:root[data-theme=light][data-accent=rust]{--on-primary: #1f1b2e;--primary-ink: #c23a5a;--primary-soft: color-mix(in srgb, var(--rose) 20%, #fff)}:root{--clay-bg: var(--bg);--clay-surface: var(--surface);--clay-raised: var(--surface);--clay-sunk: var(--surface-2);--clay-edge: var(--line);--ink-soft: var(--ink-2);--ink-faint: var(--ink-3);--ink-invert: var(--bg);--muted: var(--ink-2);--accent: var(--primary);--accent-deep: var(--primary-ink);--on-accent: var(--on-primary);--terracotta: var(--peach);--terracotta-deep: var(--peach-ink);--ochre: var(--peach);--ochre-deep: var(--peach-ink);--moss: var(--success-ink);--moss-deep: var(--success-ink);--clay-blue: var(--iris);--clay-blue-deep: var(--iris);--rust: var(--danger-ink);--rust-deep: var(--danger-ink);--clay-1: var(--edge), var(--shadow-1);--clay-2: var(--edge), var(--shadow-2);--clay-3: var(--lift);--clay-in: inset 0 0 0 1px var(--line);--clay-in-deep: inset 0 0 0 1px var(--line);--slab-border: 1px solid transparent;--slab-shadow: 0 0 0 0 transparent;--slab-shadow-sm: 0 0 0 0 transparent;--slab-shadow-lg: 0 0 0 0 transparent;--r-clay-sm: var(--r-sm);--r-clay: var(--r-card);--r-clay-lg: var(--r-sheet);--r-clay-xl: var(--r-sheet);--r-slab: var(--r-pill);--dur: var(--dur-base);--ease-clay: var(--ease-spring)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--t-base);line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.18;letter-spacing:-.005em}h1{font-size:var(--t-2xl)}h2{font-size:var(--t-xl)}h3{font-size:var(--t-lg)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}a{color:var(--primary-ink);text-underline-offset:3px;text-decoration-thickness:1.5px}img,svg,video{display:block;max-width:100%}ul,ol{list-style:none;padding:0}time,.tabular{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--iris);outline-offset:3px}:focus:not(:focus-visible){outline:none}.lightbox :focus-visible,.snap-view :focus-visible{outline-color:#f4f2fa}.theme-changing body,.theme-changing .shell,.theme-changing .rail,.theme-changing .shelf,.theme-changing .surface,.theme-changing .sheet,.theme-changing .chat-head,.theme-changing .composer,.theme-changing .bubble,.theme-changing .list-row{transition:background-color var(--dur-theme) var(--ease-out),color var(--dur-theme) var(--ease-out),box-shadow var(--dur-theme) var(--ease-out)!important}::selection{background:color-mix(in srgb,var(--iris) 40%,transparent);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink-3) 55%,transparent) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink-3) 55%,transparent);border-radius:999px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--ink-3);background-clip:padding-box;border:3px solid transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.tiny{font-size:var(--t-xs)}.small{font-size:var(--t-sm)}.center{display:grid;place-items:center}.eyebrow{font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-weight:800}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.bad{color:var(--danger-ink)}*{-webkit-tap-highlight-color:transparent}button,.list-row,.rail,.shelf,.chat-head,.sheet-head{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.msg-text,.msg-body,code,input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}@media(max-width:640px){:root{--t-base: 1rem;--t-sm: .875rem;--t-xs: .8125rem}button,.list-row,.clay-round,a.list-row{min-height:44px}.clay-round{min-width:44px}.stream,.shelf-list,.sheet-body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}}@media(hover:none){button:active,.list-row:active,.tile:active{transform:scale(var(--press-scale))}:where(button,.list-row){transition:transform var(--dur-fast) var(--ease-out)}:where(button,.list-row):active{transition-duration:var(--dur-press)}}@media(prefers-reduced-motion:reduce){button:active,.list-row:active,.tile:active{transform:none}}.clay{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--edge),var(--shadow-1);border:none}.clay-2{box-shadow:var(--edge),var(--shadow-2)}.clay-3{box-shadow:var(--lift)}.clay-flat{background:var(--surface);border-radius:var(--r-card)}.sunk{background:var(--surface-2);border-radius:var(--r-card);box-shadow:none;border:none}.sunk-deep{box-shadow:inset 0 0 0 1px var(--line)}.clay-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:40px;padding:10px 18px;background:var(--surface-2);border-radius:var(--r-pill);box-shadow:none;color:var(--ink);font-weight:700;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.clay-btn:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 82%,var(--ink))}.clay-btn:active:not(:disabled){transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.clay-btn[aria-pressed=true],.clay-btn.on{background:var(--primary-soft);color:var(--primary-ink)}.clay-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;background:var(--surface-2);border-radius:var(--r-pill);box-shadow:none}.seg-item{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:36px;padding:8px 12px;border-radius:var(--r-pill);color:var(--ink-2);font-weight:700;font-size:.92rem;background:transparent;box-shadow:none;transition:box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.seg-item:hover:not(.on){color:var(--ink)}.seg-item.on{background:var(--surface);box-shadow:var(--edge),var(--shadow-1);color:var(--ink)}.clay-round{width:44px;height:44px;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--surface-2);box-shadow:none;color:var(--ink);flex:none;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.clay-round:hover{background:color-mix(in srgb,var(--surface-2) 82%,var(--ink))}.clay-round:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.slab{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:12px 22px;background:var(--primary);color:var(--on-primary);border:none;border-radius:var(--r-pill);box-shadow:none;font-family:var(--font-body);font-weight:800;letter-spacing:0;transition:transform var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.slab:hover:not(:disabled){filter:brightness(1.06)}.slab:active:not(:disabled){transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.slab:disabled{background:var(--surface-2);color:var(--ink-3);box-shadow:none;cursor:not-allowed;transform:none}.slab-quiet{background:var(--surface-2);color:var(--ink)}.slab-danger{background:var(--danger);color:#0e0d14}:root[data-theme=light] .slab-danger{background:var(--danger-ink);color:#fff}.slab-sm{min-height:36px;padding:7px 14px;font-size:var(--t-sm)}.slab-block{width:100%}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;min-width:22px;height:22px;justify-content:center;background:var(--primary);color:var(--on-primary);border:none;border-radius:var(--r-pill);font-family:var(--font-body);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.chip-quiet{background:var(--surface-2);color:var(--ink)}.chip-moss{background:var(--mint);color:#0e0d14}.chip-ochre{background:var(--peach);color:#0e0d14}.field{position:relative;display:block}.field>.field-label{display:block;font-size:var(--t-sm);color:var(--ink-2);font-weight:700;margin-bottom:6px;padding-left:16px}.groove{width:100%;min-height:var(--tap);padding:12px 18px;background:var(--surface-2);border:none;border-radius:var(--r-pill);box-shadow:none;color:var(--ink);transition:box-shadow var(--dur-fast) var(--ease-out)}.groove::placeholder{color:var(--ink-3)}.groove:focus{outline:none;box-shadow:var(--ring)}.groove:focus-visible{outline:none}.groove:-webkit-autofill,.groove:-webkit-autofill:hover,.groove:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);box-shadow:inset 0 0 0 1000px var(--surface-2);transition:background-color 9999s ease-out}.groove[aria-invalid=true]{box-shadow:0 0 0 2px var(--danger)}textarea.groove{resize:none;line-height:1.5;border-radius:var(--r-card)}.field-error{display:flex;align-items:center;gap:6px;margin-top:6px;padding-left:16px;font-size:var(--t-sm);color:var(--danger-ink);font-weight:700}.toggle{--w: 50px;width:var(--w);height:30px;flex:none;padding:3px;background:var(--surface-2);border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line);display:flex;align-items:center;transition:background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.toggle:after{content:"";width:24px;height:24px;background:var(--ink-3);border-radius:var(--r-pill);box-shadow:0 2px 6px #0003;transition:transform var(--dur-base) var(--ease-spring),background var(--dur-base) var(--ease-out)}.toggle[aria-checked=true]{background:var(--primary);box-shadow:none}.toggle[aria-checked=true]:after{background:var(--on-primary);transform:translate(calc(var(--w) - 30px))}.rule{height:1px;border-radius:1px;background:var(--line);box-shadow:none}.avatar{position:relative;flex:none;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--surface-2);box-shadow:none;overflow:visible;font-family:var(--font-display);font-weight:600;color:var(--night);user-select:none}.avatar img{width:100%;height:100%;border-radius:var(--r-pill);object-fit:cover}.avatar .initials{width:100%;height:100%;border-radius:var(--r-pill);display:grid;place-items:center;letter-spacing:0}.avatar .dot{position:absolute;right:0;bottom:0;width:28%;height:28%;min-width:10px;min-height:10px;border-radius:var(--r-pill);background:var(--success);border:2px solid var(--bg)}.skeleton{background:var(--surface-2);border-radius:var(--r-sm);box-shadow:none;animation:breathe 1.9s var(--ease-in-out) infinite}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.nook-id{display:inline-flex;align-items:center;padding:10px 16px;background:var(--surface-2);border-radius:var(--r-pill);box-shadow:none;font-family:var(--font-mono);font-size:var(--t-sm);letter-spacing:.06em;color:var(--ink);user-select:all}.door{position:relative;min-height:100dvh;display:grid;grid-template-rows:1fr auto 1fr;grid-template-columns:minmax(0,1fr);overflow:hidden;overflow:clip;padding:max(var(--s-6),env(safe-area-inset-top)) max(var(--s-5),env(safe-area-inset-right)) max(var(--s-6),env(safe-area-inset-bottom)) max(var(--s-5),env(safe-area-inset-left));background:var(--bg);color:var(--ink)}.door-blobs{position:absolute;inset:-20%;z-index:0;pointer-events:none;opacity:.5}:root[data-theme=light] .door-blobs{opacity:.8}.door-blobs span{position:absolute;display:block;border-radius:50%;will-change:transform;animation:drift 34s ease-in-out infinite alternate}.door-blobs span:nth-child(1){width:52vmax;height:46vmax;left:2%;top:4%;background:radial-gradient(closest-side,var(--iris),transparent);opacity:.32}.door-blobs span:nth-child(2){width:44vmax;height:38vmax;right:4%;top:22%;background:radial-gradient(closest-side,var(--primary),transparent);opacity:.18;animation-duration:44s;animation-delay:-8s}.door-blobs span:nth-child(3){width:40vmax;height:34vmax;left:30%;bottom:-6%;background:radial-gradient(closest-side,var(--peach),transparent);opacity:.2;animation-duration:52s;animation-delay:-20s}.door-blobs span:nth-child(4){width:32vmax;height:28vmax;right:26%;bottom:6%;background:radial-gradient(closest-side,var(--iris),transparent);opacity:.16;animation-duration:38s;animation-delay:-14s}@keyframes drift{0%{transform:translateZ(0) scale(1) rotate(0)}50%{transform:translate3d(4vw,-3vh,0) scale(1.12) rotate(24deg)}to{transform:translate3d(-3vw,4vh,0) scale(.95) rotate(-18deg)}}.door:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E")}.door-theme{position:absolute;z-index:3;top:max(var(--s-4),calc(env(safe-area-inset-top) + var(--s-2)));right:max(var(--s-4),calc(env(safe-area-inset-right) + var(--s-2)));width:var(--tap);height:var(--tap);display:grid;place-items:center;border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--edge),var(--shadow-1);color:var(--ink);transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.door-theme:hover{box-shadow:var(--edge),var(--shadow-2)}.door-theme:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.door-theme:focus-visible{outline:2px solid var(--iris);outline-offset:3px}.door-theme svg{grid-area:1 / 1;transition:transform .42s var(--ease-spring),opacity var(--dur-base) var(--ease-out)}.door-theme[data-dark=false] .door-theme-sun,.door-theme[data-dark=true] .door-theme-moon{opacity:0;transform:rotate(-90deg) scale(.4)}.door-theme[data-dark=true] .door-theme-moon{transform:rotate(90deg) scale(.4)}.door-stack{position:relative;z-index:2;grid-row:2;grid-column:1;justify-self:center;width:min(400px,100%);min-width:0;display:flex;flex-direction:column;align-items:center}.door-mark{position:relative;margin-bottom:var(--s-6)}.door-mark-in{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.door-mark svg{display:block;width:104px;height:104px;filter:drop-shadow(0 12px 22px color-mix(in srgb,var(--iris) 34%,transparent))}.door-bob{animation:door-bob 6s var(--ease-in-out) 1.2s infinite}@keyframes door-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.door-words{display:flex;flex-direction:column;align-items:center;gap:var(--s-1)}.door-wordmark{font-family:var(--font-display);font-size:var(--t-2xl);font-weight:600;line-height:1.1;letter-spacing:-.01em;color:var(--ink)}.door-tagline{font-size:var(--t-sm);font-weight:600;color:var(--ink-2)}.door-rise{width:100%}.door-panel{position:relative;width:100%;padding:var(--s-7) var(--s-6) var(--s-6);background:var(--surface);border-radius:var(--r-card);box-shadow:var(--lift)}.door.intro .door-words{animation:door-drop .46s var(--ease-spring) 80ms both}.door.intro .door-rise{animation:door-rise .46s var(--ease-spring) 60ms both}.door.intro .door-in{animation:door-field .32s var(--ease-out) calc(.15s + var(--i, 0) * 40ms) both}@keyframes door-drop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes door-rise{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}@keyframes door-field{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.door.opening .door-stack{opacity:0;transition:opacity .24s var(--ease-out)}.door-steps{position:relative}.door-heading{font-family:var(--font-display);font-size:var(--t-xl);font-weight:600;line-height:1.2;letter-spacing:-.01em;margin:0 0 var(--s-1)}.door-sub{font-size:var(--t-sm);line-height:1.5;color:var(--ink-2);margin:0 0 var(--s-6)}.door-fields{display:flex;flex-direction:column;gap:var(--s-4)}.door .groove{min-height:56px;padding:0 var(--s-5);font-size:var(--t-base)}.door .field>.field-label{padding-left:var(--s-5);margin-bottom:var(--s-2);transition:transform var(--dur-base) var(--ease-spring),color var(--dur-fast) var(--ease-out)}.door .field:focus-within>.field-label{color:var(--primary-ink)}.door .groove:focus{box-shadow:0 0 0 2px var(--iris),var(--ring)}@supports selector(:has(*)){.door label.field{position:relative}.door label.field>.field-label{position:absolute;z-index:1;top:0;left:0;height:56px;display:flex;align-items:center;margin:0;padding-left:var(--s-5);font-size:var(--t-base);font-weight:600;color:var(--ink-2);pointer-events:none;transform-origin:var(--s-5) 50%}.door label.field>.groove{padding-top:var(--s-5)}.door label.field:has(>.groove:focus)>.field-label,.door label.field:has(>.groove:not(:placeholder-shown))>.field-label{font-weight:700;transform:translateY(-11px) scale(.8)}.door label.field>.groove::placeholder{opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.door label.field>.groove:focus::placeholder{opacity:1}}.door-actions{margin-top:var(--s-6);display:flex;flex-direction:column;gap:var(--s-3)}.door-google{display:flex;flex-direction:column;gap:var(--s-3)}.door .field-error{align-items:flex-start;gap:var(--s-2);margin:var(--s-4) 0 0;padding:var(--s-3) var(--s-4);border-radius:var(--r-card);background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger-ink);font-size:var(--t-sm);font-weight:700;line-height:1.45}.door .field-error svg{flex:none;margin-top:2px}.door .field-notice{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success-ink)}.door-submit{min-height:52px;font-size:var(--t-base)}.door-submit.is-busy:disabled{opacity:1;cursor:progress}.door-face{position:relative;display:grid;place-items:center;width:100%}.door-face>span:not(.sr-only){grid-area:1 / 1;transition:opacity var(--dur-fast) var(--ease-out),transform .26s var(--ease-spring)}.door-face-label{text-align:center}.door-face-dots,.door-face-done{display:inline-flex;align-items:center;gap:6px;opacity:0;transform:scale(.6)}.door-face[data-state=busy] .door-face-label,.door-face[data-state=done] .door-face-label{opacity:0;transform:translateY(-6px)}.door-face[data-state=busy] .door-face-dots,.door-face[data-state=done] .door-face-done{opacity:1;transform:none}.door-face-done path{stroke-dasharray:1;stroke-dashoffset:1}.door-face[data-state=done] .door-face-done path{stroke-dashoffset:0;transition:stroke-dashoffset .3s var(--ease-out) 60ms}.door-face-dots i{width:8px;height:8px;border-radius:var(--r-pill);background:currentColor}.door-face[data-state=busy] .door-face-dots i{animation:door-dot .9s var(--ease-out) infinite}.door-face[data-state=busy] .door-face-dots i:nth-child(2){animation-delay:.12s}.door-face[data-state=busy] .door-face-dots i:nth-child(3){animation-delay:.24s}@keyframes door-dot{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}.door-switch{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:var(--s-1);margin-top:var(--s-1);font-size:var(--t-sm);color:var(--ink-2)}.door-switch button{min-height:var(--tap);padding:0 var(--s-1);font-weight:700;color:var(--primary-ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:4px;text-decoration-thickness:2px;transition:text-decoration-color var(--dur-fast) var(--ease-out)}.door-switch button:hover{text-decoration-color:currentColor}.door-note{position:relative;z-index:2;grid-row:3;grid-column:1;align-self:end;justify-self:center;max-width:360px;margin:0;padding-top:var(--s-6);text-align:center;font-size:var(--t-xs);color:var(--ink-2);line-height:1.6}.door-avail{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-2);padding-left:var(--s-5);font-size:var(--t-sm);font-weight:700}.door-avail.ok{color:var(--success-ink)}.door-avail.no{color:var(--danger-ink)}.strength{display:flex;gap:var(--s-1);margin:var(--s-2) var(--s-5) 0}.strength i{height:4px;flex:1;border-radius:var(--r-pill);background:var(--surface-2);transition:background var(--dur-base) var(--ease-out)}.strength i.on{background:var(--success)}.strength i.warn{background:var(--peach)}.code-row{display:flex;gap:var(--s-2);justify-content:space-between}.door .code-row input{width:100%;min-width:0;min-height:56px;aspect-ratio:auto;border-radius:var(--r-sm);text-align:center;font-family:var(--font-mono);font-size:var(--t-lg);padding:0}.door-leaf{position:fixed;inset:0;z-index:200;background:var(--surface);pointer-events:none}.door-leaf.left{border-right:1px solid var(--line)}.door-or{display:flex;align-items:center;gap:var(--s-3);margin:var(--s-1) 0;color:var(--ink-2);font-size:var(--t-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.door-or:before,.door-or:after{content:"";flex:1;height:1px;background:var(--line)}.door .google-btn{gap:var(--s-3);min-height:52px;background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);font-weight:700;transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.door .google-btn:hover{filter:none;background:var(--surface-2);box-shadow:inset 0 0 0 1.5px transparent}.google-btn svg{flex:0 0 auto}.door-app{position:relative;z-index:2;grid-row:4;grid-column:1;justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);margin:var(--s-3) auto 0;padding:var(--s-2) var(--s-4);min-height:var(--tap);max-width:100%;border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--edge),var(--shadow-1);color:var(--ink);font-size:var(--t-sm);font-weight:700;text-align:center;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.door-app:hover{box-shadow:var(--edge),var(--shadow-2)}.door-app:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}@media(max-width:520px){.door{grid-template-rows:1fr auto auto;padding:max(var(--s-4),env(safe-area-inset-top)) max(var(--s-4),env(safe-area-inset-right)) max(var(--s-4),env(safe-area-inset-bottom)) max(var(--s-4),env(safe-area-inset-left))}.door-panel{padding:var(--s-6) var(--s-5) var(--s-5)}.door-mark svg{width:96px;height:96px}.door-mark{margin-bottom:var(--s-5)}.door-note{padding-top:var(--s-5)}.door-stack{padding-top:var(--s-7)}}@media(max-width:419.98px){.door-panel{padding:var(--s-2) 0 0;background:transparent;box-shadow:none}.door-rise{padding:0 var(--s-1)}:root[data-theme=light] .door .groove{background:var(--surface);box-shadow:var(--edge),var(--shadow-1)}:root[data-theme=light] .door .groove:focus{box-shadow:0 0 0 2px var(--iris),var(--ring)}.door .google-btn{background:transparent}.door-heading,.door-sub{text-align:center}}@media(max-width:380px){.code-row{gap:var(--s-1)}.door-wordmark{font-size:var(--t-xl)}}@media(prefers-reduced-motion:reduce){.door-blobs span,.door-bob{animation:none}.door.intro .door-words,.door.intro .door-rise,.door.intro .door-in{animation-name:door-fade}.door label.field>.field-label{transition:none}.door-theme svg,.door-theme[data-dark=false] .door-theme-sun,.door-theme[data-dark=true] .door-theme-moon{transform:none}.door-face>span:not(.sr-only),.door-face-dots,.door-face-done{transform:none}.door-face-done path{stroke-dashoffset:0}}@keyframes door-fade{0%{opacity:0}to{opacity:1}}:root{--list-row-bg: var(--surface);--list-row-bg-hover: var(--surface-2);--list-row-bg-active: var(--primary-soft);--list-row-radius: var(--r-card);--list-row-gap: var(--s-2);--list-row-shadow: var(--edge), var(--shadow-1);--list-row-divider: transparent;--list-row-pad: var(--s-3) var(--s-4);--list-avatar: 50px;--group-bg: var(--surface-2);--group-radius: var(--r-card);--group-divider: var(--line);--group-row-min: 52px;--chip-bg: var(--surface);--chip-shadow: var(--edge), var(--shadow-1);--chip-radius: var(--r-pill);--nav-bg: var(--surface);--nav-divider: var(--line);--nav-pill: var(--primary-soft);--nav-pill-ink: var(--primary-ink);--nav-h: 64px;--surface-radius: var(--r-sheet)}:root[data-theme=light]{--group-bg: var(--bg);--nav-divider: transparent}.shell{display:grid;grid-template-columns:var(--rail-w) auto 1fr;height:100dvh;overflow:hidden;background:var(--bg)}.rail{grid-column:1;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-4) 0;background:var(--bg);z-index:30}.rail-logo{width:var(--tap);height:var(--tap);flex:none;display:grid;place-items:center;margin-bottom:var(--s-2);border-radius:var(--r-sm)}.rail-scroll{flex:1;width:100%;overflow-y:auto;overflow-x:visible;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-2) 0;scrollbar-width:none}.rail-scroll::-webkit-scrollbar{display:none}.rail-item{position:relative;width:var(--tap);height:var(--tap);flex:none}.rail-item>button{display:block;border-radius:var(--r-pill);transition:transform var(--dur-fast) var(--ease-out)}.rail-item>button:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.rail-item .chip{position:absolute;top:calc(-1 * var(--s-1));right:calc(-1 * var(--s-1));z-index:2;box-shadow:0 0 0 2px var(--bg)}.rail-mark{position:absolute;left:calc(-1 * (var(--rail-w) - var(--tap)) / 2);top:50%;width:4px;height:24px;margin-top:-12px;border-radius:0 var(--r-pill) var(--r-pill) 0;background:var(--primary)}.rail-tip{position:absolute;left:calc(100% + var(--s-3));top:50%;margin-top:-15px;height:30px;display:flex;align-items:center;padding:0 var(--s-3);background:var(--ink);color:var(--bg);border-radius:var(--r-pill);font-size:var(--t-sm);font-weight:700;white-space:nowrap;pointer-events:none;z-index:50}.rail-top,.rail-foot{display:flex;flex-direction:column;gap:var(--s-2);align-items:center}.nav-btn{position:relative;display:grid;place-items:center;width:var(--tap);height:var(--tap);flex:none;border-radius:var(--r-pill);color:var(--ink-2);transition:color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.nav-btn:hover{color:var(--ink)}.nav-btn:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.nav-btn.on{color:var(--nav-pill-ink)}.nav-btn>svg,.nav-btn>.avatar,.nav-btn .nav-icon{position:relative;z-index:1}.nav-btn .nav-icon{display:grid;place-items:center;width:100%;height:100%}.nav-pill{position:absolute;inset:0;border-radius:var(--r-pill);background:var(--nav-pill)}.nav-btn .chip{position:absolute;top:0;right:0;z-index:2;box-shadow:0 0 0 2px var(--nav-bg)}.rail .nav-btn .chip{box-shadow:0 0 0 2px var(--bg)}.nav-label{display:none}.shelf{grid-column:2;width:var(--shelf-w);display:flex;flex-direction:column;padding:var(--s-4) var(--s-4) 0 0;overflow:hidden;position:relative}.shelf-head{display:flex;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-1) var(--s-4)}.shelf-brand{display:flex;align-items:center;gap:var(--s-2);flex:1;min-width:0}.shelf-title{font-family:var(--font-display);font-size:var(--t-xl);font-weight:600;line-height:1;letter-spacing:-.01em}.shelf-me{border-radius:var(--r-pill);flex:none;transition:transform var(--dur-fast) var(--ease-out)}.shelf-me:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.shelf-search{position:relative;display:flex;align-items:center;margin:0 var(--s-1) var(--s-3)}.shelf-search-icon{position:absolute;left:var(--s-4);color:var(--ink-3);pointer-events:none}.shelf-search .groove{height:46px;padding-left:calc(var(--s-4) + 20px + var(--s-2));background:var(--chip-bg);box-shadow:var(--chip-shadow)}.shelf-search .groove:focus{box-shadow:var(--chip-shadow),var(--ring)}.shelf-tabs{display:flex;gap:var(--s-2);padding:var(--s-1) var(--s-1) var(--s-3);margin-top:calc(-1 * var(--s-1));overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.shelf-tabs::-webkit-scrollbar{display:none}.shelf-tab{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-1);height:34px;min-height:34px;min-width:34px;padding:0 14px;border-radius:var(--chip-radius);background:var(--chip-bg);box-shadow:var(--chip-shadow);font-size:var(--t-sm);font-weight:700;color:var(--ink-2);white-space:nowrap;transition:color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.shelf-tab:hover{color:var(--ink)}.shelf-tab:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.shelf-tab.on{color:var(--on-primary)}.shelf-tab>span:not(.shelf-tab-pill){position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--s-1)}.shelf-tab-icon{padding:0;width:34px}.shelf-tab-pill{position:absolute;inset:0;border-radius:var(--chip-radius);background:var(--primary)}.shelf-list{flex:1;overflow-y:auto;padding:var(--s-1) var(--s-1) var(--s-6);display:flex;flex-direction:column;gap:var(--list-row-gap)}.tile{position:relative;display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:74px;padding:var(--list-row-pad);text-align:left;background:var(--list-row-bg);border-radius:var(--list-row-radius);box-shadow:var(--list-row-shadow);transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.shelf-list>li+li .tile:before{content:"";position:absolute;top:0;left:calc(var(--s-4) + var(--list-avatar) + var(--s-3));right:var(--s-4);height:1px;background:var(--list-row-divider)}.tile:hover{background:var(--list-row-bg-hover)}.tile:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.tile.active{background:var(--list-row-bg-active)}.tile-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-1)}.tile-top,.tile-bottom{display:flex;align-items:center;gap:var(--s-2);min-width:0}.tile-name{display:flex;align-items:center;gap:6px;flex:1;min-width:0;font-weight:700;font-size:var(--t-base);line-height:1.3}.tile-name .secret-lock{flex:none;color:var(--success-ink)}.tile-time{flex:none;font-size:var(--t-xs);font-weight:600;color:var(--ink-2)}.tile.unread .tile-time{color:var(--primary-ink);font-weight:800}.tile-preview{flex:1;min-width:0;font-size:var(--t-sm);line-height:1.35;color:var(--ink-2)}.tile.unread .tile-preview{color:var(--ink);font-weight:600}.tile-typing{color:var(--success-ink);font-weight:700}.tile-ticks{display:inline-flex;flex:none;color:var(--ink-3)}.tile-ticks.read{color:var(--iris)}.tile-marks{display:flex;align-items:center;gap:6px;flex:none;color:var(--ink-3)}.tile-marks .chip{min-width:22px;height:22px;font-size:var(--t-xs)}.tile.secret{background:color-mix(in srgb,var(--success) 8%,var(--list-row-bg))}.tile.secret.active{background:color-mix(in srgb,var(--success) 16%,var(--list-row-bg))}.shelf-empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-8) var(--s-4);text-align:center}.shelf-empty-art{width:56px;height:56px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-3)}.shelf-empty p{max-width:240px;color:var(--ink-2);font-size:var(--t-sm)}.fab{position:absolute;right:var(--s-5);bottom:var(--s-5);z-index:5;width:60px;height:60px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--primary);color:var(--on-primary);box-shadow:var(--lift)}.surface{grid-column:3;position:relative;display:flex;flex-direction:column;min-width:0;margin:var(--s-4) var(--s-4) var(--s-4) 0;border-radius:var(--surface-radius);background:var(--surface);box-shadow:var(--edge),var(--shadow-1);overflow:hidden}.sheet-scrim{position:fixed;inset:0;z-index:var(--z-sheet);background:var(--scrim)}.sheet{position:fixed;z-index:calc(var(--z-sheet) + 1);top:var(--s-4);right:var(--s-4);bottom:var(--s-4);width:min(420px,calc(100vw - 2 * var(--s-4)));display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-sheet);box-shadow:var(--lift);overflow:hidden}.sheet-head{display:flex;align-items:center;gap:var(--s-3);min-height:calc(var(--tap) + 2 * var(--s-4));padding:var(--s-4) var(--s-4) var(--s-3) var(--s-6);flex:none}.sheet-title{font-family:var(--font-display);font-size:var(--t-lg);font-weight:600;line-height:1.2;flex:1;min-width:0}.sheet-body{flex:1;overflow-y:auto;padding:var(--s-1) var(--s-5) var(--s-6);display:flex;flex-direction:column;gap:var(--s-6)}.sheet-foot{flex:none;padding:var(--s-3) var(--s-5) var(--s-5);display:flex;gap:var(--s-2);box-shadow:0 -1px 0 var(--line)}.sheet-section{display:flex;flex-direction:column;gap:var(--s-2)}.sheet-section>.eyebrow{display:flex;align-items:center;gap:var(--s-2);padding:0 var(--s-4);font-size:var(--t-xs);font-weight:700;letter-spacing:.06em;color:var(--ink-2)}.sheet-section>p.tiny,.sheet-section>p.small{padding:0 var(--s-4);line-height:1.55}.sheet .tiny.faint,.sheet .small.faint{color:var(--ink-2)}.list-row{position:relative;display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:var(--tap);padding:10px var(--s-3);text-align:left;color:var(--ink);background:transparent;border-radius:var(--r-sm);box-shadow:none;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}button.list-row:hover,a.list-row:hover{background:var(--surface-2)}button.list-row:active,a.list-row:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.list-row>svg{flex:none;color:var(--ink-2)}.list-row .grow{display:flex;flex-direction:column;gap:2px}.list-row-label{font-weight:700;font-size:var(--t-base);line-height:1.3}.list-row-sub{font-size:var(--t-sm);line-height:1.35;color:var(--ink-2)}.list-row .toggle{margin-left:var(--s-2)}.sheet .list-row{min-height:var(--group-row-min);padding:var(--s-3) var(--s-4);background:var(--group-bg);border-radius:var(--group-radius)}.sheet button.list-row:hover,.sheet a.list-row:hover{background:color-mix(in srgb,var(--group-bg) 94%,var(--ink))}.sheet .sheet-section>.list-row+.list-row,.sheet .sheet-group>.list-row+.list-row{margin-top:calc(-1 * var(--s-2));border-top-left-radius:0;border-top-right-radius:0}.sheet .sheet-section>.list-row:has(+.list-row),.sheet .sheet-group>.list-row:has(+.list-row){border-bottom-left-radius:0;border-bottom-right-radius:0}.sheet .sheet-section>.list-row+.list-row:before,.sheet .sheet-group>.list-row+.list-row:before{content:"";position:absolute;top:0;left:calc(var(--s-4) + 20px + var(--s-3));right:0;height:1px;background:var(--group-divider)}.sheet .attach-menu .list-row{min-height:var(--tap);padding:10px var(--s-3);background:transparent;border-radius:var(--r-sm)}.sheet .attach-menu .list-row:hover{background:var(--surface-2)}.sheet .attach-menu .list-row:before{display:none}.list-row.danger,.list-row.danger>svg{color:var(--danger-ink)}.sheet-group{display:flex;flex-direction:column;gap:var(--s-2)}.empty{flex:1;display:grid;place-content:center;justify-items:center;gap:var(--s-3);padding:var(--s-7);text-align:center}.empty-art{width:120px;height:120px;margin-bottom:var(--s-2)}.empty h3{font-size:var(--t-lg)}.empty p{max-width:340px;color:var(--ink-2);font-size:var(--t-sm);margin-bottom:var(--s-2)}.toasts{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + var(--s-4));z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--s-2);align-items:center;padding:0 var(--s-4);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-5) 0 var(--s-4);background:var(--ink);color:var(--bg);border-radius:var(--r-pill);font-size:var(--t-sm);font-weight:700;text-align:left;box-shadow:var(--lift);pointer-events:auto;max-width:min(440px,100%)}.toast>svg{flex:none}.toast.bad{background:var(--danger);color:var(--on-primary)}:root[data-theme=light] .toast.bad{background:var(--danger-ink);color:var(--surface)}.toast.offline{position:fixed;top:calc(env(safe-area-inset-top,0px) + var(--s-4));left:0;right:0;margin:0 auto;width:max-content;max-width:calc(100vw - 2 * var(--s-4));z-index:130}@media(max-width:1180px){:root{--shelf-w: 300px}}@media(max-width:900px){.shell{grid-template-columns:var(--rail-w) 1fr}.shelf{position:fixed;left:var(--rail-w);top:0;bottom:0;z-index:40;width:min(360px,calc(100vw - var(--rail-w) - var(--s-3)));padding-left:var(--s-3);background:var(--bg);box-shadow:var(--lift)}.surface{grid-column:2;margin-left:0}}@media(max-width:640px){:root{--rail-w: 0px}.shell{grid-template-columns:1fr;grid-template-rows:1fr auto}.shell.in-convo{grid-template-rows:1fr}.shell.in-convo .rail{display:none}.rail{grid-row:2;grid-column:1;flex-direction:row;align-items:stretch;gap:0;padding:var(--s-1) var(--s-2) calc(var(--s-2) + env(safe-area-inset-bottom,0px));background:var(--nav-bg);box-shadow:0 -1px 0 var(--nav-divider),0 -6px 20px color-mix(in srgb,var(--ink) 5%,transparent)}.rail-logo,.rail-scroll{display:none}.rail-top,.rail-foot{display:contents}.nav-btn{flex:1;width:auto;height:auto;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-1);padding:var(--s-1) 0;border-radius:var(--r-sm)}.nav-btn .nav-icon{position:relative;display:grid;place-items:center;width:56px;height:32px}.nav-btn .nav-icon>svg,.nav-btn .nav-icon>.avatar{position:relative;z-index:1}.nav-btn .chip{top:-4px;right:6px}.nav-label{display:block;font-size:var(--t-xs);font-weight:600;line-height:1;color:var(--ink-2)}.nav-btn.on .nav-label{color:var(--nav-pill-ink);font-weight:800}.rail .rail-new,.rail .theme-toggle{display:none}.shelf{grid-column:1;grid-row:1;position:relative;width:100%;box-shadow:none;background:var(--bg);padding:calc(env(safe-area-inset-top,0px) + var(--s-5)) var(--s-4) 0}.shelf-head{padding-bottom:var(--s-4)}.shelf-title{font-size:var(--t-2xl)}.shelf-list{padding-bottom:calc(60px + var(--s-9))}.surface{grid-row:1;grid-column:1;margin:0;border-radius:0;box-shadow:none}.sheet{top:auto;left:0;right:0;bottom:calc(-1 * var(--s-6));width:100%;max-height:calc(90dvh + var(--s-6));padding-bottom:calc(var(--s-6) + env(safe-area-inset-bottom,0px));border-radius:var(--r-sheet) var(--r-sheet) 0 0}.sheet-head:before{content:"";position:absolute;top:var(--s-2);left:50%;width:40px;height:5px;margin-left:-20px;border-radius:var(--r-pill);background:var(--line)}.sheet-head{position:relative;padding:var(--s-6) var(--s-4) var(--s-3) var(--s-5);min-height:0;touch-action:none}.sheet-body{padding:var(--s-1) var(--s-4) var(--s-6)}.sheet-foot{padding:var(--s-3) var(--s-4) var(--s-4)}}.msg-banner{position:fixed;top:calc(var(--s-3) + env(safe-area-inset-top,0px));left:0;right:0;margin:0 auto;z-index:90;width:min(420px,calc(100vw - 2 * var(--s-3)));display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--lift);overflow:hidden;cursor:grab;touch-action:pan-x}.msg-banner:active{cursor:grabbing}.msg-banner-open{display:flex;align-items:center;gap:var(--s-3);flex:1;min-width:0;padding:0;border:0;background:none;text-align:left;cursor:pointer;color:inherit}.msg-banner-title{font-weight:700;font-size:var(--t-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-banner-body{font-size:var(--t-sm);color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msg-banner-x{flex:none;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-2);cursor:pointer}.msg-banner-timer{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left;background:var(--primary);opacity:.6}@media(prefers-reduced-motion:reduce){.msg-banner-timer{display:none}}.notify-nudge{position:fixed;z-index:calc(var(--z-sheet) - 1);left:0;right:0;margin:0 auto;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);width:min(560px,calc(100vw - 2 * var(--s-4)));display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-9) var(--s-3) var(--s-3);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--lift)}.notify-nudge-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-ink)}.notify-nudge-x{position:absolute;top:var(--s-1);right:var(--s-1);width:36px;height:36px;display:grid;place-items:center;border-radius:var(--r-pill);color:var(--ink-2)}.notify-nudge-x:hover{background:var(--surface-2)}@media(max-width:560px){.notify-nudge{flex-wrap:wrap;padding-right:var(--s-3)}.notify-nudge .grow{padding-right:var(--s-7)}.notify-nudge .row{width:100%}.notify-nudge .row>button{flex:1}}.sheet-scrim.see-through{background:color-mix(in srgb,var(--scrim) 20%,transparent)}.welcome-scrim{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:var(--s-6);background:var(--scrim)}.welcome-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s-4);max-width:380px;width:100%;padding:var(--s-8) var(--s-6) var(--s-6);border-radius:var(--r-sheet);background:var(--surface);box-shadow:var(--lift);text-align:center;overflow:visible}.welcome-shard{position:absolute;top:84px;left:50%;pointer-events:none}.welcome-title{font-family:var(--font-display);font-size:var(--t-xl);font-weight:600;line-height:1.2;margin:0}.welcome-title span{display:inline-block;white-space:pre}.welcome-quote{margin:0;font-size:var(--t-base);line-height:1.55;color:var(--ink-2);max-width:300px}.welcome-go{margin-top:var(--s-2);min-width:180px}.search-box{position:relative}.search-box-icon{position:absolute;left:var(--s-4);top:50%;margin-top:-9px;color:var(--ink-3);pointer-events:none}.search-box .groove{padding-left:calc(var(--s-4) + 18px + var(--s-2));padding-right:calc(36px + var(--s-2))}.search-box .groove::-webkit-search-cancel-button{-webkit-appearance:none}.search-box-clear{position:absolute;right:var(--s-1);top:50%;margin-top:-18px;width:36px;height:36px;display:grid;place-items:center;border-radius:var(--r-pill);color:var(--ink-2)}.search-box-clear:hover{background:color-mix(in srgb,var(--surface-2) 80%,var(--ink))}.search-head{display:flex;flex-direction:column;gap:var(--s-3)}.search-chips{padding:var(--s-1);margin:calc(-1 * var(--s-1))}.search-from{display:flex;align-items:center;gap:var(--s-3);padding-left:var(--s-4)}.search-from .groove{min-height:40px;padding:var(--s-2) var(--s-4);font-size:var(--t-sm);min-width:0}.search-row .search-row-sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.search-mark{background:color-mix(in srgb,var(--primary) 30%,transparent);color:inherit;font-weight:700;border-radius:4px;padding:0 2px}.search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--s-2)}.search-tile{position:relative;aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2);transition:transform var(--dur-fast) var(--ease-out)}.search-tile:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.search-tile img,.search-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.search-tile-badge{position:absolute;right:6px;bottom:6px;width:24px;height:24px;display:grid;place-items:center;border-radius:var(--r-pill);background:#0000008c;color:#fff}.search-more{align-self:center}.backup-bar{position:relative;height:10px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.backup-bar>span{position:absolute;top:0;bottom:0;left:0;border-radius:var(--r-pill);background:var(--primary);transition:width var(--dur-base) var(--ease-out)}.backup-bar.indeterminate>span{width:34%;animation:backup-slide 1.4s var(--ease-in-out) infinite}@keyframes backup-slide{0%{transform:translate(-110%)}to{transform:translate(310%)}}@media(prefers-reduced-motion:reduce){.backup-bar.indeterminate>span{animation:none;width:100%;opacity:.5}}.backup-picklist{max-height:280px;overflow-y:auto;padding:2px}.backup-warning>svg{color:var(--peach-ink);flex:none}.notify-nudge.backup-nudge{top:calc(env(safe-area-inset-top,0px) + var(--s-4));bottom:auto}.archive-band{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--r-card);background:var(--surface-2);color:var(--ink-2);font-size:var(--t-sm)}.archive-band>svg{flex:none}.archive-thread{display:flex;flex-direction:column;gap:6px;padding-bottom:var(--s-3)}.archive-day{margin:var(--s-3) auto var(--s-1);width:fit-content;padding:2px var(--s-3);border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:700;color:var(--ink-2);background:var(--surface-2)}.archive-msg{max-width:82%;width:fit-content;padding:var(--s-2) var(--s-3);border-radius:var(--r-bubble);background:var(--bubble-theirs);color:var(--bubble-theirs-ink);box-shadow:var(--edge),var(--bubble-theirs-shadow);overflow-wrap:anywhere}.archive-msg.mine{margin-left:auto;background:var(--bubble-mine);color:var(--bubble-mine-ink);box-shadow:none}.archive-msg.mine a{color:inherit}.archive-who{font-size:var(--t-xs);font-weight:700;opacity:.75}.archive-quote{border-left:3px solid currentColor;opacity:.72;padding:2px var(--s-2);margin:2px 0 var(--s-1);font-size:var(--t-sm)}.archive-body{white-space:pre-wrap}.archive-transcript{font-size:var(--t-sm);opacity:.8;margin-top:3px}.archive-meta{font-size:10px;font-variant-numeric:tabular-nums;opacity:.7;text-align:right;margin-top:2px}.sheet-hero{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding-top:var(--s-2);text-align:center}.sheet-hero h3{margin-top:var(--s-2)}.sheet-hero-edit{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s-1) var(--s-3);border-radius:var(--r-card)}.sheet-hero-edit:hover{background:var(--surface-2)}.avatar-badge{position:absolute;right:-2px;bottom:-2px;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink);box-shadow:0 0 0 3px var(--surface)}.avatar-busy{position:absolute;inset:0;display:grid;place-items:center;border-radius:var(--r-pill);background:#0000008c;color:#fff;font-size:var(--t-xs);font-weight:700}.list-row.stacked{flex-direction:column;align-items:stretch;gap:var(--s-3)}.choice-row{display:flex;gap:var(--s-2)}.choice-row>*{flex:1}.sheet .list-row .clay-btn,.sheet .list-row.stacked .seg{background:var(--surface)}:root[data-theme=dark] .sheet .list-row .clay-btn{background:var(--surface)}.sheet .list-row .clay-btn.on,.sheet .list-row .clay-btn[aria-pressed=true]{background:var(--primary-soft);color:var(--primary-ink)}.swatches{display:flex;gap:var(--s-3);flex-wrap:wrap}.swatch{width:var(--tap);height:var(--tap);border-radius:var(--r-pill);display:grid;place-items:center;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.swatch:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--group-bg),0 0 0 5px var(--ink)}.chip.ok{color:var(--success-ink)}.chip.warn{color:var(--peach-ink)}.note-ok{color:var(--success-ink)}.sheet-empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-8) var(--s-4);text-align:center;color:var(--ink-2)}.sheet-empty-art{width:56px;height:56px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-3)}.sheet-empty p{max-width:280px;font-size:var(--t-sm)}:root.theme-reveal::view-transition-old(root),:root.theme-reveal::view-transition-new(root){animation:none;mix-blend-mode:normal}:root.theme-reveal *{transition:none!important}@media(prefers-reduced-motion:reduce){.tile:active,.list-row:active,.nav-btn:active,.shelf-tab:active,.rail-item>button:active,.shelf-me:active,.swatch:active,.search-tile:active{transform:none}}.list-row>svg.chev{margin-left:auto;color:var(--ink-3)}.sheet .list-row.stacked .seg{background:var(--surface)}.sheet .list-row.stacked .seg-item.on{background:var(--primary-soft);color:var(--primary-ink);box-shadow:none}.text-btn{display:inline-flex;align-items:center;gap:var(--s-1);min-height:32px;padding:0 var(--s-2);margin-right:calc(-1 * var(--s-2));border-radius:var(--r-pill);color:var(--primary-ink);font-size:var(--t-sm);font-weight:700;letter-spacing:0;text-transform:none}.text-btn:hover{background:var(--surface-2)}.sheet .list-row:has(>.avatar):before{left:calc(var(--s-4) + 40px + var(--s-3))}.sheet .list-row .toggle:not([aria-checked=true]){background:var(--surface)}.row-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--surface);color:var(--ink-2)}.sheet .list-row:has(>.row-icon):before,.sheet .list-row:has(>.clay-round):before{left:calc(var(--s-4) + 40px + var(--s-3))}.sheet-note{padding:var(--s-2) var(--s-4);font-size:var(--t-sm);color:var(--ink-2)}.row-action{width:36px;height:36px;min-height:36px;flex:none;display:grid;place-items:center;border-radius:var(--r-pill);color:var(--ink-2);transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.row-action:hover{background:var(--surface)}.row-action:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.row-action.danger{color:var(--danger-ink)}.row-when{display:inline-flex;align-items:center;gap:var(--s-1);margin-top:2px;font-size:var(--t-xs);font-weight:700;color:var(--ink-2)}.row-when.on{color:var(--primary-ink)}.emoji-picks{display:flex;flex-wrap:wrap;gap:var(--s-2)}.emoji-pick{width:var(--tap);height:var(--tap);display:grid;place-items:center;font-size:var(--t-lg);border-radius:var(--r-sm);background:var(--group-bg);transition:transform var(--dur-fast) var(--ease-out)}.emoji-pick:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.emoji-pick[aria-pressed=true]{background:var(--primary-soft);box-shadow:0 0 0 2px var(--primary)}:root[data-design=calm],:root[data-design=midnight]{--list-row-bg: transparent;--list-row-bg-hover: var(--surface-2);--list-row-gap: 0;--list-row-shadow: none;--list-row-divider: var(--line);--list-row-radius: var(--r-sm);--chip-bg: var(--surface-2);--chip-shadow: none;--nav-divider: var(--line)}:root[data-design=calm]{--list-avatar: 48px;--chip-radius: var(--r-sm);--surface-radius: var(--r-card)}:root[data-design=midnight]{--list-avatar: 46px;--chip-radius: 8px;--surface-radius: var(--r-card);--nav-h: 60px}:root[data-design=calm][data-theme=light],:root[data-design=midnight][data-theme=light]{--group-bg: var(--surface);--nav-divider: var(--line)}.shell.in-convo~.notify-nudge{top:calc(env(safe-area-inset-top,0px) + 76px);bottom:auto}:root{--chat-btn: 44px;--chat-send: 46px;--chat-head-pad: var(--s-2) var(--s-4);--bubble-gap: 2px;--bubble-run-gap: var(--s-3);--bubble-pad: 10px 14px 8px;--bubble-max: 560px;--composer-field: var(--bubble-theirs);--composer-field-shadow: var(--edge), var(--bubble-theirs-shadow);--menu-row-r: var(--r-sm);--viewer-bg: #0b0a10;--viewer-ink: #f4f2fa}.chat-head{position:relative;z-index:3;display:flex;align-items:center;gap:var(--s-3);padding:var(--chat-head-pad);flex:none;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(16px) saturate(1.1);box-shadow:0 1px 0 var(--line)}.chat-head-who{display:flex;align-items:center;gap:var(--s-3);flex:1;min-width:0;min-height:var(--chat-btn);border-radius:var(--r-pill)}.chat-head-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;text-align:left}.chat-head-name{font-family:var(--font-display);font-size:16px;font-weight:700;line-height:20px;letter-spacing:-.01em;color:var(--ink)}.chat-head-status{display:flex;align-items:center;gap:var(--s-1);height:16px;font-size:var(--t-xs);line-height:16px;color:var(--ink-2)}.chat-head-status .live{color:var(--success-ink);font-weight:700}.chat-head-actions{display:flex;gap:var(--s-2);flex:none}.chat-head .clay-round{width:var(--chat-btn);height:var(--chat-btn)}.chat-head-timer{color:var(--peach-ink);background:transparent}.chat-back{display:none}@media(max-width:900px){.chat-back{display:grid}}@media(max-width:460px){.chat-head-actions.has-calls .chat-head-search{display:none}}.m-flash{border-radius:var(--r-bubble);animation:m-flash 1.8s var(--ease-out)}@keyframes m-flash{0%,35%{background:color-mix(in srgb,var(--iris) 24%,transparent)}to{background:transparent}}@media(prefers-reduced-motion:reduce){.m-flash{animation:none;background:color-mix(in srgb,var(--iris) 16%,transparent)}}.chat-canvas{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.wallpaper{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;pointer-events:none}.wallpaper:after{content:"";position:absolute;inset:0;background:var(--bg);opacity:var(--wp-dim, .35)}.wp-dusk-clay{background:radial-gradient(120% 90% at 12% 0%,color-mix(in srgb,var(--peach) 55%,transparent) 0%,transparent 60%),radial-gradient(100% 80% at 88% 100%,color-mix(in srgb,var(--rose) 45%,transparent) 0%,transparent 60%),var(--bg)}.wp-moss-paper{background:radial-gradient(90% 70% at 20% 10%,color-mix(in srgb,var(--mint) 40%,transparent) 0%,transparent 60%),radial-gradient(80% 70% at 90% 90%,color-mix(in srgb,var(--volt) 30%,transparent) 0%,transparent 60%),var(--bg)}.wp-ochre-dune{background:radial-gradient(100% 80% at 50% 0%,color-mix(in srgb,var(--peach) 50%,transparent) 0%,transparent 62%),var(--bg)}.wp-slate-rain{background:radial-gradient(90% 80% at 10% 90%,color-mix(in srgb,var(--sky) 45%,transparent) 0%,transparent 60%),radial-gradient(70% 60% at 90% 10%,color-mix(in srgb,var(--iris) 30%,transparent) 0%,transparent 60%),var(--bg)}.wp-plain{background:var(--bg)}.wp-grid{background:linear-gradient(var(--line) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / 24px 24px,var(--bg)}.wp-arch{background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--iris) 30%,transparent) 0 18%,transparent 18.5%) 0 0 / 88px 88px,var(--bg)}.stream{position:relative;z-index:2;flex:1;overflow-y:auto;overflow-x:hidden;overflow-anchor:none;padding:var(--s-4) var(--s-5) var(--s-3);display:flex;flex-direction:column;gap:var(--bubble-gap);scroll-behavior:auto}.stream>*{flex-shrink:0}.msg-row{display:contents}.stream-fresh{animation:stream-in .26s var(--ease-out) both}@keyframes stream-in{0%{opacity:0}}.stream-skeleton{margin-top:auto;display:flex;flex-direction:column;gap:var(--s-2);padding-bottom:var(--s-2)}.skel-bubble{position:relative;overflow:hidden;display:block;height:40px;max-width:min(420px,70%);border-radius:var(--r-bubble);border-bottom-left-radius:var(--r-bubble-tail);background:color-mix(in srgb,var(--bubble-theirs) 80%,transparent);box-shadow:var(--edge)}.skel-bubble:nth-child(3n){height:60px}.skel-bubble.mine{align-self:flex-end;border-bottom-left-radius:var(--r-bubble);border-bottom-right-radius:var(--r-bubble-tail);background:color-mix(in srgb,var(--bubble-mine) 40%,var(--bubble-theirs))}.skel-bubble:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--ink) 8%,transparent) 50%,transparent 80%);transform:translate(-100%);animation:skel-shimmer 1.3s var(--ease-in-out) infinite}.skel-bubble:nth-child(2):after{animation-delay:80ms}.skel-bubble:nth-child(3):after{animation-delay:.16s}.skel-bubble:nth-child(4):after{animation-delay:.24s}.skel-bubble:nth-child(5):after{animation-delay:.32s}.skel-bubble:nth-child(6):after{animation-delay:.4s}@keyframes skel-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skel-bubble:after{animation:none;display:none}.stream-fresh{animation:none}}.day-mark{align-self:center;margin:var(--s-4) 0 var(--s-3);padding:var(--s-1) var(--s-3);background:var(--surface-2);border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:600;line-height:16px;color:var(--ink-2);animation:day-in var(--dur-slow) var(--ease-out) both}.day-mark:first-child{margin-top:0}@keyframes day-in{0%{opacity:0}}.day-mark+.msg{margin-top:0}.system-note{align-self:center;max-width:min(460px,80%);margin:var(--s-2) 0;padding:var(--s-1) var(--s-3);background:color-mix(in srgb,var(--surface-2) 88%,transparent);border-radius:var(--r-pill);font-size:var(--t-xs);line-height:16px;color:var(--ink-2);text-align:center}.msg{position:relative;display:flex;align-items:flex-end;gap:var(--s-2);max-width:min(var(--bubble-max),78%);align-self:flex-start}.msg.mine{align-self:flex-end;flex-direction:row-reverse}.msg.run-start{margin-top:calc(var(--bubble-run-gap) - var(--bubble-gap))}.msg-avatar{flex:none;align-self:flex-end}.msg-avatar-gap{width:32px;flex:none}.bubble{position:relative;padding:var(--bubble-pad);background:var(--bubble-theirs);color:var(--bubble-theirs-ink);border-radius:var(--r-bubble);box-shadow:var(--edge),var(--bubble-theirs-shadow);min-width:0;word-break:break-word;overflow-wrap:anywhere}.msg.mine .bubble{background:var(--bubble-mine);color:var(--bubble-mine-ink);box-shadow:none}.bubble a{color:var(--primary-ink);text-decoration:underline;text-underline-offset:2px}.msg.mine .bubble a{color:var(--bubble-mine-ink)}.msg:not(.mine) .bubble{border-bottom-left-radius:var(--r-bubble-tail)}.msg:not(.mine):not(.run-start) .bubble{border-top-left-radius:var(--r-bubble-tail)}.msg.mine .bubble{border-bottom-right-radius:var(--r-bubble-tail)}.msg.mine:not(.run-start) .bubble{border-top-right-radius:var(--r-bubble-tail)}.msg-sender{display:block;margin-bottom:2px;font-size:var(--t-xs);font-weight:700;line-height:16px;color:color-mix(in srgb,var(--sender, var(--iris)) 62%,var(--bubble-theirs-ink))}.msg-sender[data-accent=terracotta]{--sender: var(--volt)}.msg-sender[data-accent=moss]{--sender: var(--mint)}.msg-sender[data-accent=ochre]{--sender: var(--peach)}.msg-sender[data-accent=clay-blue]{--sender: var(--sky)}.msg-sender[data-accent=rust]{--sender: var(--rose)}.msg-text{font-size:var(--t-base);line-height:1.4;white-space:pre-wrap}.msg-text:after{content:"";display:inline-block;width:var(--meta-reserve, 52px);height:1px}.msg.mine .msg-text:after{--meta-reserve: 68px}.msg-meta{position:absolute;right:12px;bottom:6px;display:inline-flex;align-items:center;gap:var(--s-1);font-size:11px;line-height:16px;font-variant-numeric:tabular-nums;color:var(--ink-2);user-select:none;pointer-events:none}.msg.mine .msg-meta{color:color-mix(in srgb,var(--bubble-mine-ink) 70%,transparent)}.msg-meta .edited{font-style:italic;pointer-events:auto}.ticks{display:inline-flex;width:16px;height:12px;align-items:center}.ticks.read{color:var(--iris)}.msg.mine .ticks.read{color:var(--bubble-mine-ink)}.msg.pending .bubble{opacity:.62}.msg.failed .bubble{box-shadow:0 0 0 2px var(--danger)}.msg-retry{display:flex;align-items:center;gap:var(--s-1);margin-top:var(--s-1);font-size:var(--t-xs);color:var(--danger-ink);font-weight:700}.quote{display:flex;align-items:center;gap:var(--s-2);width:100%;margin:0 0 var(--s-2);padding:6px var(--s-3) 6px 10px;border-radius:var(--r-sm);background:color-mix(in srgb,currentColor 8%,transparent);box-shadow:inset 2px 0 0 var(--primary);color:inherit;text-align:left;cursor:pointer;min-width:0}.msg.mine .quote{background:color-mix(in srgb,var(--bubble-mine-ink) 10%,transparent);box-shadow:inset 2px 0 0 var(--bubble-mine-ink)}.quote-body{min-width:0;flex:1;display:flex;flex-direction:column}.quote-name{font-size:var(--t-xs);font-weight:700;line-height:16px}.quote-text{font-size:var(--t-sm);line-height:18px;opacity:.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quote img{width:36px;height:36px;border-radius:var(--r-sm);object-fit:cover;flex:none}.forward-note{display:flex;align-items:center;gap:var(--s-1);margin-bottom:2px;font-size:var(--t-xs);font-style:italic;opacity:.72}.bubble.media{padding:var(--s-1)}.bubble.media .media-frame{display:block}.bubble.media .msg-text{display:block;padding:6px 10px 4px}.bubble.media>.quote,.bubble.media>.forward-note,.bubble.media>.msg-sender{margin:var(--s-1) var(--s-1) var(--s-1);width:auto}.media-frame{position:relative;border-radius:calc(var(--r-bubble) - 4px);overflow:hidden;background:var(--surface-2);width:280px;max-width:100%;max-height:400px;min-width:180px;min-height:120px;aspect-ratio:var(--media-ratio, auto)}.msg:not(.mine) .bubble.media .media-frame{border-bottom-left-radius:max(2px,calc(var(--r-bubble-tail) - 2px))}.msg.mine .bubble.media .media-frame{border-bottom-right-radius:max(2px,calc(var(--r-bubble-tail) - 2px))}.media-frame img,.media-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.media-frame .play{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--viewer-bg) 28%,transparent)}.media-frame .play .clay-round{width:52px;height:52px;background:color-mix(in srgb,var(--viewer-bg) 55%,transparent);color:var(--viewer-ink);backdrop-filter:blur(8px)}.bubble:has(.voice,.file-card,.snap,.call-log){padding-bottom:24px}.bubble.media .msg-meta,.bubble.media.has-caption .msg-meta{right:12px;bottom:12px;padding:0 var(--s-2);border-radius:var(--r-pill);background:color-mix(in srgb,var(--viewer-bg) 55%,transparent);color:var(--viewer-ink);z-index:2}.bubble.media:has(>.msg-text) .msg-meta{bottom:6px;padding:0;background:none;color:var(--ink-2)}.msg.mine .bubble.media:has(>.msg-text) .msg-meta{color:color-mix(in srgb,var(--bubble-mine-ink) 70%,transparent)}.media-frame img.fade-in{opacity:0;transition:opacity .26s var(--ease-out)}.media-frame img.fade-in.loaded{opacity:1}.file-card{display:flex;align-items:center;gap:var(--s-3);min-width:220px;color:inherit;text-decoration:none}.bubble .file-card{text-decoration:none}.file-icon{width:44px;height:44px;flex:none;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-ink)}.msg.mine .file-icon{background:color-mix(in srgb,var(--bubble-mine-ink) 12%,transparent);color:inherit}.file-name{font-weight:700;font-size:var(--t-sm);line-height:18px}.file-size{font-size:var(--t-xs);line-height:16px;opacity:.72;font-variant-numeric:tabular-nums}.file-go{flex:none;opacity:.7}.voice{display:flex;align-items:center;gap:var(--s-2);min-width:264px;--wave-played: var(--primary);--wave-rest: color-mix(in srgb, var(--ink-3) 55%, transparent)}.msg.mine .voice{--wave-played: var(--bubble-mine-ink);--wave-rest: color-mix(in srgb, var(--bubble-mine-ink) 30%, transparent)}.voice-play{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--primary);color:var(--on-primary);transition:transform var(--dur-press) var(--ease-out)}.voice-play:active{transform:scale(var(--press-scale))}.msg.mine .voice-play{background:var(--bubble-mine-ink);color:var(--bubble-mine)}.wave{position:relative;flex:1;height:32px;cursor:pointer;border-radius:var(--r-sm)}.wave-bars{position:absolute;inset:0;display:flex;align-items:center;gap:1px;pointer-events:none}.wave-bars i{flex:1 1 0;min-width:1px;border-radius:var(--r-pill);background:var(--wave-rest)}.wave-bars.played{clip-path:inset(0 calc(100% - var(--p, 0%)) 0 0)}.wave-bars.played i{background:var(--wave-played)}.wave:focus-visible{outline:2px solid var(--iris);outline-offset:3px}.voice-time{flex:none;min-width:32px;font-size:var(--t-xs);font-variant-numeric:tabular-nums;text-align:right;opacity:.8}.voice-speed{flex:none;height:24px;padding:0 var(--s-2);border-radius:var(--r-pill);background:color-mix(in srgb,currentColor 10%,transparent);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;color:inherit;opacity:.85}.voice-speed:hover{opacity:1}.voice-transcript{align-self:flex-start;text-align:left;font-size:var(--t-sm);line-height:1.4;opacity:.8;padding:var(--s-1) 0 0;color:inherit;font-style:italic}.snap{display:flex;align-items:center;gap:var(--s-3);min-width:200px;color:inherit}.snap-seal{width:44px;height:44px;flex:none;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--peach);color:var(--on-primary)}.msg.mine .snap-seal{background:color-mix(in srgb,var(--bubble-mine-ink) 12%,transparent);color:inherit}.snap.burnt .snap-seal{background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;opacity:.6}.snap-label{font-weight:700;font-size:var(--t-sm);line-height:18px}.snap-sub{font-size:var(--t-xs);line-height:16px;opacity:.75}.snap-keep{display:flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:36px;padding:0 var(--s-3);border:0;border-radius:var(--r-pill);background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;font:inherit;font-size:var(--t-xs);font-weight:700;cursor:pointer}.snap-keep:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.call-log{display:flex;align-items:center;gap:var(--s-3);min-width:188px}.call-log-icon{width:40px;height:40px;border-radius:var(--r-pill);display:grid;place-items:center;background:color-mix(in srgb,currentColor 10%,transparent);flex:none}.call-log.missed .call-log-icon{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger-ink)}.call-log-title{font-weight:700;font-size:var(--t-sm);line-height:18px}.reactions{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:var(--s-1);max-width:min(var(--bubble-max),78%);margin:-4px 0 0;padding:0 var(--s-3)}.reactions.mine{justify-content:flex-end}.reactions.in-group:not(.mine){padding-left:calc(var(--s-3) + 40px)}.reaction{position:relative;display:inline-flex;align-items:center;gap:var(--s-1);height:28px;padding:0 var(--s-2);background:var(--surface);border-radius:var(--r-pill);box-shadow:var(--edge),var(--shadow-1);font-size:14px;line-height:1;color:var(--ink);transition:transform var(--dur-press) var(--ease-out)}.reaction:active{transform:scale(var(--press-scale))}.reaction.by-me{background:var(--primary-soft);color:var(--primary-ink);box-shadow:inset 0 0 0 1.5px var(--primary),var(--shadow-1)}.reaction .count{font-size:var(--t-xs);font-weight:800;font-variant-numeric:tabular-nums}.spark-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.spark-burst i{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:var(--r-pill);background:var(--primary);opacity:0;animation:spark .52s var(--ease-out) both}.spark-burst i:nth-child(2n){background:var(--peach)}.spark-burst i:nth-child(1){--a: 0deg}.spark-burst i:nth-child(2){--a: 60deg}.spark-burst i:nth-child(3){--a: 120deg}.spark-burst i:nth-child(4){--a: 180deg}.spark-burst i:nth-child(5){--a: 240deg}.spark-burst i:nth-child(6){--a: 300deg}@keyframes spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(-22px) scale(.3)}}@media(prefers-reduced-motion:reduce){.spark-burst{display:none}}.msg-tools{position:absolute;top:-16px;display:flex;gap:2px;padding:var(--s-1);background:var(--surface);border-radius:var(--r-pill);box-shadow:var(--lift);z-index:5;opacity:0;visibility:hidden;transform:translateY(4px) scale(.94);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring),visibility var(--dur-fast)}.msg:hover .msg-tools,.msg:focus-within .msg-tools,.bubble:focus-within .msg-tools{opacity:1;visibility:visible;transform:translateY(0) scale(1)}@media(hover:none){.msg-tools{display:none}}.msg:not(.mine) .msg-tools{right:-8px}.msg.mine .msg-tools{left:-8px}.msg-tools button{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-pill);color:var(--ink-2);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-press) var(--ease-out)}.msg-tools button:hover{background:var(--surface-2);color:var(--ink)}.msg-tools button:active{transform:scale(var(--press-scale))}.swipe-hint{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-2);opacity:0;transition:opacity var(--dur-fast) linear,background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),scale var(--dur-fast) var(--ease-spring);pointer-events:none;z-index:-1}.msg:not(.mine) .swipe-hint{left:-44px}.msg.mine .swipe-hint{right:-44px}.msg:active .swipe-hint{opacity:1}.swipe-hint.armed{opacity:1;background:var(--primary);color:var(--on-primary);scale:1.12}.thread-tag{display:inline-flex;align-items:center;gap:var(--s-1);height:28px;margin:var(--s-1) 0;padding:0 var(--s-3) 0 var(--s-2);background:var(--surface);border-radius:var(--r-pill);box-shadow:var(--edge),var(--shadow-1);font-size:var(--t-xs);font-weight:700;color:var(--primary-ink);transition:transform var(--dur-press) var(--ease-out)}.thread-tag:active{transform:scale(var(--press-scale))}.thread-tag.in-group:not(.mine){margin-left:40px}.link-card{display:flex;gap:var(--s-3);margin-top:var(--s-2);padding:var(--s-2);border-radius:var(--r-sm);background:color-mix(in srgb,currentColor 7%,transparent);color:inherit;max-width:340px}.bubble .link-card{color:inherit;text-decoration:none}.msg.mine .link-card{background:color-mix(in srgb,var(--bubble-mine-ink) 10%,transparent)}.link-card:hover{background:color-mix(in srgb,currentColor 11%,transparent)}.link-card-image{flex:none;width:64px;height:64px;border-radius:calc(var(--r-sm) - 4px);overflow:hidden;background:var(--surface-2)}.link-card-image img{width:100%;height:100%;object-fit:cover}.link-card-body{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:2px}.link-card-site{font-size:11px;line-height:14px;letter-spacing:.06em;text-transform:uppercase;opacity:.72;font-weight:700}.link-card-title{font-weight:700;font-size:var(--t-sm);line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-card-desc{font-size:var(--t-xs);opacity:.78;line-height:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sheet-body.thread-body{gap:var(--bubble-gap)}.thread-root{margin-bottom:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-card);background:var(--surface-2)}.thread-root-head{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-2)}.thread-root-head .grow{flex:1}.thread-root-body{font-size:var(--t-sm);line-height:1.45}.thread-body>.rule{margin-bottom:var(--s-2)}.thread-empty{padding:var(--s-5) 0;text-align:center}.thread-body .msg{margin-top:var(--s-2)}.thread-foot{display:flex;align-items:flex-end;gap:var(--s-2)}.edit-history{position:relative;z-index:80;margin-top:var(--s-1);padding:var(--s-3) var(--s-4);max-width:min(420px,82vw);display:flex;flex-direction:column;gap:var(--s-2);background:var(--surface);border-radius:var(--r-card);box-shadow:var(--lift)}.edit-history-row{display:flex;gap:var(--s-3);align-items:baseline;font-size:var(--t-sm);line-height:1.45}.edit-history-row>span{flex:1;min-width:0}.pin-bar{position:relative;z-index:3;display:flex;align-items:center;gap:var(--s-3);min-height:52px;padding:var(--s-1) var(--s-2) var(--s-1) var(--s-4);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line);flex:none}.pin-bar-strip{display:flex;flex-direction:column;gap:2px;width:3px;height:36px;flex:none}.pin-bar-strip i{flex:1;min-height:4px;border-radius:var(--r-pill);background:var(--line)}.pin-bar-strip i.on{background:var(--primary)}.pin-bar-body{flex:1;min-width:0;min-height:var(--chat-btn);text-align:left;display:flex;flex-direction:column;justify-content:center;gap:0}.pin-bar-label{display:inline-flex;align-items:center;gap:var(--s-1);font-size:11px;line-height:16px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-ink)}.pin-bar-text{font-size:var(--t-sm);line-height:20px;color:var(--ink)}.pin-bar .clay-round{width:36px;height:36px;background:transparent;color:var(--ink-2)}.room-mood{position:relative;z-index:3;display:flex;align-items:center;gap:var(--s-2);min-height:40px;padding:var(--s-1) var(--s-4);background:color-mix(in srgb,var(--peach) 18%,var(--bg));font-size:var(--t-sm);flex:none}.room-mood .emoji{font-size:16px}.room-mood button{min-height:32px;padding:0 var(--s-2);border-radius:var(--r-pill);font-weight:700;color:var(--peach-ink)}.wall{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.96}.wall-object{position:absolute;transform:translate(-50%,-50%);max-width:192px;padding:var(--s-3);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--edge),var(--shadow-2);font-size:var(--t-sm);pointer-events:auto;cursor:default}.wall-object.note{background:color-mix(in srgb,var(--peach) 26%,var(--surface));transform:translate(-50%,-50%) rotate(-1.4deg)}.wall-object.countdown{text-align:center;font-variant-numeric:tabular-nums}.wall-object img{border-radius:calc(var(--r-sm) - 4px);max-width:100%}.wall-object .remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:var(--r-pill);background:var(--ink);color:var(--bg);display:grid;place-items:center;opacity:0;transition:opacity var(--dur-fast) linear}.wall-object:hover .remove,.wall-object:focus-within .remove{opacity:1}.quiet-warning{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-2);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);border-radius:var(--r-card);background:color-mix(in srgb,var(--iris) 14%,var(--surface));font-size:var(--t-sm);overflow:hidden}.quiet-warning.slow{background:color-mix(in srgb,var(--success) 14%,var(--surface))}.quiet-warning .grow{line-height:1.35}.typing{align-self:flex-start;display:flex;align-items:center;gap:var(--s-1);height:38px;margin-top:calc(var(--bubble-run-gap) - var(--bubble-gap));padding:0 var(--s-4);background:var(--bubble-theirs);border-radius:var(--r-bubble);border-bottom-left-radius:var(--r-bubble-tail);box-shadow:var(--edge),var(--bubble-theirs-shadow);transform-origin:bottom left}.typing i{width:7px;height:7px;border-radius:var(--r-pill);background:var(--ink-3);animation:typing-wave 1.2s var(--ease-in-out) infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typing-wave{0%,60%,to{transform:translateY(0);opacity:.55}30%{transform:translateY(-5px);opacity:1}}@media(prefers-reduced-motion:reduce){.typing i{animation:none;opacity:.8}}.jump{position:absolute;right:var(--s-4);bottom:var(--s-3);z-index:4;width:var(--chat-btn);height:var(--chat-btn)}.jump.clay-round{background:var(--surface);box-shadow:var(--edge),var(--shadow-2)}.jump-count{position:absolute;top:-6px;right:-6px}.composer{position:relative;z-index:3;flex:none;padding:var(--s-3) var(--s-4) var(--s-4);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(16px)}.composer-reply{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-2);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);background:var(--surface-2);border-radius:var(--r-card);box-shadow:inset 3px 0 0 var(--primary);overflow:hidden}.composer-reply.uploading{box-shadow:inset 3px 0 0 var(--success)}.composer-reply-label{font-size:var(--t-xs);font-weight:700;color:var(--primary-ink)}.composer-reply .clay-round{width:32px;height:32px;background:transparent}.upload-track{position:relative;display:block;height:4px;margin-top:var(--s-1);border-radius:var(--r-pill);background:var(--line);overflow:hidden}.upload-track>i{position:absolute;inset:0;border-radius:inherit;background:var(--success);transform-origin:left;transition:transform var(--dur-base) var(--ease-out)}.composer-row{display:flex;align-items:flex-end;gap:var(--s-2)}.composer-row>.clay-round,.composer-row>.composer-aside>.clay-round{width:var(--chat-btn);height:var(--chat-btn);margin-bottom:calc((var(--chat-send) - var(--chat-btn)) / 2)}.composer-row>.clay-round.on,.composer-aside>.clay-round.on{background:var(--primary-soft);color:var(--primary-ink)}.composer-aside{position:relative;flex:none}.composer-input{flex:1;display:flex;align-items:flex-end;gap:0;min-height:var(--chat-send);padding:0 var(--s-1) 0 var(--s-4);background:var(--composer-field);border-radius:calc(var(--chat-send) / 2);box-shadow:var(--composer-field-shadow);min-width:0;transition:box-shadow var(--dur-fast) var(--ease-out)}.composer-input:focus-within{box-shadow:var(--composer-field-shadow),var(--ring)}.composer-input textarea{flex:1;min-height:var(--chat-send);max-height:168px;padding:12px 0;background:none;border:none;border-radius:0;box-shadow:none;font-size:var(--t-base);line-height:22px;color:var(--ink);resize:none}.composer-input textarea:focus{outline:none;box-shadow:none}.composer-input textarea::placeholder{color:var(--ink-2)}.composer-input .clay-round{width:38px;height:38px;min-width:0;min-height:0;margin:4px 0;background:transparent;color:var(--ink-2)}.composer-input .clay-round:hover,.composer-input .clay-round.on{background:var(--surface-2);color:var(--ink)}.composer-action{position:relative;width:var(--chat-send);height:var(--chat-send);flex:none}.composer-action>.composer-send{position:absolute;inset:0}.composer-send{width:var(--chat-send);height:var(--chat-send);flex:none;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-1);transition:transform var(--dur-press) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.composer-send:active:not(:disabled){transform:scale(var(--press-scale))}.composer-send:disabled{opacity:.45;cursor:not-allowed}.composer-send.recording{background:var(--primary);color:var(--on-primary)}.attach-menu,.msg-menu{position:absolute;bottom:calc(100% + var(--s-2));left:0;display:flex;flex-direction:column;gap:2px;padding:var(--s-2);background:var(--surface);border-radius:var(--r-card);box-shadow:var(--lift);z-index:12;min-width:232px}.attach-menu .list-row,.msg-menu .list-row{min-height:44px;padding:var(--s-2) var(--s-3);gap:var(--s-3);background:transparent;box-shadow:none;border-radius:var(--menu-row-r);color:var(--ink);transform:none;transition:background var(--dur-fast) var(--ease-out)}.attach-menu .list-row:hover,.attach-menu .list-row:focus-visible,.msg-menu .list-row:hover,.msg-menu .list-row:focus-visible{background:var(--surface-2);box-shadow:none;transform:none}.attach-menu .list-row:active,.msg-menu .list-row:active{background:var(--primary-soft)}.attach-menu .list-row>svg,.msg-menu .list-row>svg{flex:none;color:var(--ink-2)}.attach-menu .list-row-label,.msg-menu .list-row-label{font-size:var(--t-base);font-weight:600;line-height:20px}.attach-menu .list-row-sub,.msg-menu .list-row-sub{line-height:16px}.msg-menu .list-row.danger,.msg-menu .list-row.danger>svg,.attach-menu .list-row.danger,.attach-menu .list-row.danger>svg{color:var(--danger-ink)}.menu-heading{padding:var(--s-1) var(--s-3) var(--s-1);font-size:11px;font-weight:800;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.menu-rule{height:1px;margin:var(--s-1) var(--s-3);background:var(--line)}.msg-menu.floating{position:fixed;bottom:auto;z-index:97;width:240px;max-height:calc(100dvh - 24px);overflow-y:auto}.msg-scrim{position:fixed;inset:0;z-index:96}.msg-spot{position:fixed;border-radius:var(--r-bubble);box-shadow:0 0 0 200vmax var(--scrim);pointer-events:none}.react-row{position:fixed;z-index:97;display:flex;align-items:center;gap:2px;padding:var(--s-1);background:var(--surface);border-radius:var(--r-pill);box-shadow:var(--lift)}.react-pick{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--r-pill);font-size:24px;line-height:1;transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-fast) var(--ease-out)}.react-pick:hover,.react-pick:focus-visible{background:var(--surface-2);transform:scale(1.14)}.react-pick:active{transform:scale(.9)}.react-more{color:var(--ink-2);background:var(--surface-2)}.react-more:hover{color:var(--ink);transform:none}@media(prefers-reduced-motion:reduce){.react-pick{transition:none}.react-pick:hover,.react-pick:focus-visible,.react-pick:active{transform:none}}.remind-picker{display:flex;flex-direction:column;gap:2px;min-width:248px}.remind-head{margin-bottom:var(--s-1)}.remind-hint{flex:none;font-size:var(--t-xs);font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap}.remind-custom{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-1) var(--s-1) var(--s-2)}.remind-custom .groove{min-height:44px;padding:0 var(--s-4);font-size:var(--t-sm)}.msg-remind{display:inline-flex;color:var(--primary-ink)}.msg.mine .msg-remind{color:inherit}.reminder-past{opacity:.72}.rec-bar{display:flex;align-items:center;gap:var(--s-3);flex:1;min-width:0;height:var(--chat-send);padding:0 var(--s-4);background:var(--composer-field);border-radius:calc(var(--chat-send) / 2);box-shadow:var(--composer-field-shadow)}.rec-dot{width:10px;height:10px;flex:none;border-radius:var(--r-pill);background:var(--danger);animation:pulse-dot 1.1s var(--ease-in-out) infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.rec-live-wave{flex:1;min-width:0;display:flex;align-items:center;gap:2px;height:24px}.rec-live-wave i{flex:1;background:color-mix(in srgb,var(--primary) 55%,var(--ink-3));border-radius:var(--r-pill);min-height:3px;transition:height 90ms linear}.rec-live-wave i.fresh{background:var(--primary);animation:rec-bar-in .16s var(--ease-out);transform-origin:center}@keyframes rec-bar-in{0%{transform:scaleY(.2)}}.rec-row{position:relative}.rec-row>.rec-bin{color:var(--danger-ink)}.rec-bin{display:grid;place-items:center;flex:none}.rec-time{display:inline-flex;flex:none;min-width:3.2ch;font-weight:700;font-variant-numeric:tabular-nums}.rec-digit{position:relative;display:inline-block;overflow:hidden;height:20px;line-height:20px}.rec-digit>span{display:inline-block}.rec-slide-window{position:relative;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 28px);mask-image:linear-gradient(to right,transparent 0,#000 28px);padding-left:var(--s-3)}.rec-slide{display:inline-flex;align-items:center;gap:var(--s-1);color:var(--ink-2);white-space:nowrap;overflow:hidden}.rec-slide-chev{font-size:1.3em;line-height:1;animation:rec-nudge 1.2s var(--ease-in-out) infinite}@keyframes rec-nudge{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}.rec-transcript{opacity:.8;font-style:italic}.rec-action{position:relative;display:grid;place-items:center;flex:none}.rec-action .composer-send{position:relative;z-index:2}.rec-icon{display:grid;place-items:center}.rec-rings{position:absolute;inset:0;pointer-events:none;z-index:1}.rec-ring{position:absolute;inset:0;border-radius:var(--r-pill);background:var(--primary);pointer-events:none;z-index:1}.rec-ring-inner{opacity:.3}.rec-lock{position:absolute;bottom:calc(100% + var(--s-4));left:50%;margin-left:-18px;width:36px;padding:var(--s-2) 0 6px;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--lift);color:var(--ink-2);z-index:3}.rec-lock-arrow{font-size:12px;line-height:1;animation:rec-rise 1.2s var(--ease-in-out) infinite}@keyframes rec-rise{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}.mic-hold{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media(prefers-reduced-motion:reduce){.rec-live-wave i,.rec-live-wave i.fresh,.rec-slide-chev,.rec-lock-arrow,.rec-dot{animation:none;transition:none}}.lightbox{position:fixed;inset:0;z-index:100;background:color-mix(in srgb,var(--viewer-bg) 96%,transparent);backdrop-filter:blur(12px);color:var(--viewer-ink);display:grid;grid-template-rows:auto 1fr auto}.lightbox-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);color:var(--viewer-ink)}.lightbox-sub{font-size:var(--t-xs);opacity:.72;font-variant-numeric:tabular-nums}.lightbox-stage{display:grid;place-items:center;padding:var(--s-4);min-height:0}.lightbox-stage img,.lightbox-stage video{max-width:100%;max-height:100%;border-radius:var(--r-card);object-fit:contain}.lightbox .clay-round,.snap-view .clay-round,.snap-cam .clay-round{width:var(--chat-btn);height:var(--chat-btn);background:color-mix(in srgb,var(--viewer-ink) 12%,transparent);color:var(--viewer-ink);box-shadow:none}.lightbox .clay-round:hover,.snap-view .clay-round:hover,.snap-cam .clay-round:hover{background:color-mix(in srgb,var(--viewer-ink) 20%,transparent)}.lightbox-caption{padding:var(--s-4);text-align:center;font-size:var(--t-sm);line-height:1.45}.snap-view{position:fixed;inset:0;z-index:100;background:var(--viewer-bg);display:grid;grid-template-rows:auto 1fr auto;color:var(--viewer-ink)}.snap-timer{height:4px;background:var(--peach);transform-origin:left}.snap-view .hint{padding:var(--s-5);text-align:center;font-size:var(--t-sm);line-height:1.45;opacity:.75}.snap-view .blurred{filter:blur(28px);transition:filter .16s linear}@media(max-width:640px){:root{--chat-head-pad: var(--s-2) var(--s-3)}.reaction,.voice-speed,.quote,.msg-meta .edited,.thread-tag,.snap-keep,.sticker-delete,.link-card{min-height:0}.reaction,.thread-tag{height:32px}.voice-speed{height:28px}.stream{padding:var(--s-3) var(--s-3) var(--s-2)}.msg,.reactions{max-width:86%}.composer{padding:var(--s-2) var(--s-3) calc(var(--s-3) + env(safe-area-inset-bottom))}.media-frame{width:240px}}.snap-cam{position:fixed;inset:0;z-index:110;background:var(--viewer-bg);color:var(--viewer-ink);display:grid;grid-template-rows:auto 1fr auto}.snap-cam-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4) var(--s-2)}.snap-cam-title{display:inline-flex;align-items:center;gap:var(--s-2);flex:1;font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}.snap-cam .clay-round:disabled{opacity:.4}.snap-cam-stage{position:relative;overflow:hidden;margin:0 var(--s-4);border-radius:var(--r-sheet);background:color-mix(in srgb,var(--viewer-ink) 6%,var(--viewer-bg));display:grid;place-items:center;min-height:0}.snap-cam-feed,.snap-cam-shot{width:100%;height:100%;object-fit:cover;display:block}.snap-cam-feed.mirrored{transform:scaleX(-1)}.snap-cam-waking{position:absolute;font-size:var(--t-sm);opacity:.6}.snap-cam-error{padding:var(--s-6);text-align:center;display:grid;justify-items:center;gap:var(--s-3);max-width:38ch}.snap-cam-error h3{font-family:var(--font-display);font-size:var(--t-lg)}.snap-cam-error p{font-size:var(--t-sm);opacity:.75;line-height:1.5}.snap-cam-controls{display:grid;justify-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-4) calc(var(--s-5) + env(safe-area-inset-bottom,0px))}.snap-timers{display:inline-flex;gap:var(--s-1);padding:var(--s-1);border-radius:var(--r-pill);background:color-mix(in srgb,var(--viewer-ink) 10%,transparent)}.snap-timer-pick{min-width:48px;height:36px;padding:0 var(--s-3);border:0;border-radius:var(--r-pill);background:transparent;color:var(--viewer-ink);font-size:var(--t-sm);font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.snap-timer-pick.on{background:var(--peach);color:var(--viewer-bg)}.snap-cam-hint{font-size:var(--t-sm);opacity:.7}.snap-cam-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);width:100%;max-width:420px}.snap-cam-spacer{width:44px;flex:0 0 44px}.snap-shutter{width:72px;height:72px;border-radius:var(--r-pill);border:4px solid color-mix(in srgb,var(--viewer-ink) 85%,transparent);background:var(--viewer-ink);background-clip:content-box;padding:3px;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}.snap-shutter:hover:not(:disabled){transform:scale(1.04)}.snap-shutter:active:not(:disabled){transform:scale(.92);transition-duration:var(--dur-press)}.snap-shutter:disabled{opacity:.4;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.snap-shutter,.snap-timer-pick{transition:none}}@media(max-width:640px){.snap-cam-stage{margin:0 var(--s-2);border-radius:var(--r-card)}}.wp-banner{position:absolute;z-index:4;top:var(--s-3);left:50%;display:flex;align-items:center;gap:var(--s-3);max-width:calc(100% - 32px);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-2);background:var(--surface);border-radius:var(--r-card);box-shadow:var(--lift)}.wp-banner-swatch{width:44px;height:44px;flex:none;border-radius:var(--r-sm);background-size:cover;box-shadow:inset 0 0 0 1px var(--line)}.wp-banner .clay-round{width:36px;height:36px}.wp-pending{position:absolute;z-index:4;top:var(--s-3);left:50%;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);max-width:calc(100% - 32px);color:var(--ink-2);background:var(--surface);border-radius:var(--r-pill);box-shadow:var(--edge),var(--shadow-2)}.wp-pending svg{flex:none;opacity:.7}.locked-composer{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--edge),var(--shadow-1)}.locked-composer-seal{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-2)}@media(max-width:460px){.locked-composer{flex-wrap:wrap}.locked-composer .row{width:100%}.locked-composer .row>button{flex:1}}.code-entry{width:100%;max-width:320px;margin:0 auto}.pin-dots{display:flex;gap:var(--s-3)}.pin-dot{width:12px;height:12px;border-radius:var(--r-pill);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);transition:background var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.pin-dot.on{background:var(--primary);box-shadow:none;transform:scale(1.16)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3);width:100%}.pin-key{height:56px;font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.pattern-pad{position:relative;border-radius:var(--r-sheet);background:var(--surface-2);user-select:none;-webkit-user-select:none}.pattern-dot{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--edge),var(--shadow-1);transition:background var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring);pointer-events:none}.pattern-dot.on{background:var(--primary);transform:scale(1.35)}.lock-gate{display:grid;place-items:center;height:100%;padding:var(--s-5)}.lock-gate-seal{width:64px;height:64px}.lock-flow{margin-top:var(--s-3);padding:var(--s-4);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--edge),var(--shadow-2)}.emoji-pop{position:fixed;z-index:95;width:min(376px,calc(100vw - 24px));max-height:min(432px,62vh);display:flex;flex-direction:column;border-radius:var(--r-card);background:var(--surface);box-shadow:var(--lift);overflow:hidden}.emoji-pop.clay{box-shadow:var(--lift)}.emoji-pop-search{display:flex;align-items:center;gap:var(--s-2);flex:none;min-height:52px;margin:var(--s-2) var(--s-2) 0;padding:0 var(--s-1) 0 var(--s-4);border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-2)}.emoji-pop-input{flex:1;min-width:0;border:0;background:none;color:var(--ink);font:inherit;font-size:var(--t-base);outline:none}.emoji-pop-input::placeholder{color:var(--ink-2)}.emoji-pop-search button{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-pill);color:var(--ink-2)}.emoji-pop-search button:hover{background:var(--surface);color:var(--ink)}.sticker-tray .emoji-pop-search{background:transparent;margin:var(--s-1) var(--s-1) 0;padding-left:var(--s-3)}.emoji-pop-grid{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--s-2) var(--s-2) var(--s-3);-webkit-overflow-scrolling:touch}.emoji-pop-heading{display:flex;align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-1) var(--s-1);font-size:11px;font-weight:800;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.emoji-pop-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:var(--s-1)}.emoji-pop-empty{padding:var(--s-6) var(--s-2);text-align:center}.emoji-cell{height:44px;border-radius:var(--r-sm);font-size:26px;line-height:1;display:grid;place-items:center;background:transparent;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.emoji-cell:hover,.emoji-cell:focus-visible{background:var(--surface-2)}.emoji-cell:active{transform:scale(.88)}.emoji-pop-tabs{flex:none;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:var(--s-1) var(--s-2) var(--s-2);box-shadow:0 -1px 0 var(--line);background:var(--surface)}.emoji-tab{height:40px;border-radius:var(--r-pill);font-size:20px;line-height:1;filter:saturate(.2) opacity(.6);transition:filter var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.emoji-tab:hover{filter:none}.emoji-tab.on{background:var(--primary-soft);filter:none}@media(prefers-reduced-motion:reduce){.emoji-cell,.emoji-tab{transition:none}.emoji-cell:active{transform:none}}.wp-preview{position:sticky;top:0;z-index:2}.bubble.sticker{padding:0;background:none!important;box-shadow:none!important;border-radius:0!important}.msg.mine .bubble.sticker{color:var(--ink)}.sticker-frame{display:block;width:160px;height:160px;padding:0;border:0;background:none;cursor:zoom-in;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.sticker-frame img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}.sticker-frame:focus-visible{outline:2px solid var(--iris);outline-offset:2px;border-radius:var(--r-card)}.bubble.sticker .msg-meta,.msg.mine .bubble.sticker .msg-meta{right:var(--s-2);bottom:var(--s-2);padding:0 var(--s-2);border-radius:var(--r-pill);background:color-mix(in srgb,var(--viewer-bg) 55%,transparent);color:var(--viewer-ink);z-index:2}.bubble.sticker .quote{margin-bottom:var(--s-2);background:var(--surface-2);color:var(--ink)}@media(max-width:380px){.sticker-frame{width:140px;height:140px}}.sticker-tray-title{font-family:var(--font-display);font-weight:700;color:var(--ink)}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:var(--s-2)}.sticker-cell{position:relative;aspect-ratio:1;border-radius:var(--r-sm)}.sticker-cell-send{width:100%;height:100%;padding:var(--s-1);border-radius:inherit;background:transparent;touch-action:manipulation;-webkit-touch-callout:none;user-select:none;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.sticker-cell-send:hover,.sticker-cell-send:focus-visible{background:var(--surface-2)}.sticker-cell-send:active{transform:scale(.92)}.sticker-cell-send img{width:100%;height:100%;object-fit:contain;pointer-events:none}.sticker-cell.armed .sticker-cell-send{opacity:.4}.sticker-delete{position:absolute;left:50%;top:50%;translate:-50% -50%;display:inline-flex;align-items:center;gap:var(--s-1);height:32px;padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--danger);color:var(--bg);font-size:var(--t-xs);font-weight:800;white-space:nowrap;box-shadow:var(--shadow-1)}.sticker-make{display:grid;place-items:center;align-content:center;gap:var(--s-1);width:100%;padding:var(--s-2);border:0;background:var(--surface-2);color:var(--ink-2);font-size:11px;font-weight:700;line-height:1.2;text-align:center;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.sticker-make:hover,.sticker-make:focus-visible{background:var(--primary-soft);color:var(--primary-ink)}.sticker-maker-scrim{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:var(--s-4);background:var(--scrim)}.sticker-maker{width:min(440px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;display:grid;gap:var(--s-3);padding:var(--s-4);background:var(--surface);color:var(--ink);border-radius:var(--r-sheet);box-shadow:var(--lift)}.sticker-maker-head{display:flex;align-items:center;gap:var(--s-3)}.sticker-maker-title{flex:1;display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}.sticker-stage{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--r-card);background:var(--surface-2);touch-action:none;cursor:grab;outline-offset:3px}.sticker-stage:active{cursor:grabbing}.sticker-stage img{position:absolute;left:50%;top:50%;max-width:none;user-select:none;pointer-events:none}.sticker-mask{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;outline:3px solid var(--viewer-ink);box-shadow:0 0 0 999px var(--scrim);pointer-events:none;transition:border-radius var(--dur-base) var(--ease-out)}.sticker-stage.squircle .sticker-mask{border-radius:24%}.sticker-stage-wait{position:absolute;inset:0;display:grid;place-items:center;font-size:var(--t-sm);color:var(--ink-2)}.sticker-maker-controls{display:grid;gap:var(--s-3)}.sticker-shapes{justify-self:center;display:inline-flex;gap:var(--s-1);padding:var(--s-1);border-radius:var(--r-pill);background:var(--surface-2)}.sticker-shape-pick{display:inline-flex;align-items:center;gap:var(--s-2);height:36px;padding:0 var(--s-4);border-radius:var(--r-pill);font-size:var(--t-sm);font-weight:700;color:var(--ink-2)}.sticker-shape-pick.on{background:var(--surface);color:var(--ink);box-shadow:var(--edge),var(--shadow-1)}.sticker-shape-swatch{width:12px;height:12px;background:currentColor;opacity:.75}.sticker-shape-swatch.circle{border-radius:50%}.sticker-shape-swatch.squircle{border-radius:4px}.sticker-zoom{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--s-3)}.sticker-zoom input{width:100%;accent-color:var(--primary)}.sticker-preview{display:grid;place-items:center;padding:var(--s-3);border-radius:var(--r-card);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}.sticker-preview canvas{width:min(100%,300px);height:auto;aspect-ratio:1}.sticker-caption{width:100%;min-height:44px;padding:0 var(--s-4)}.sticker-maker-row{display:flex;flex-wrap:wrap;gap:var(--s-2)}.sticker-maker-row>*{min-width:84px}.sticker-maker-error{display:grid;justify-items:center;gap:var(--s-3);padding:var(--s-5) var(--s-3);text-align:center}@media(max-width:480px){.sticker-maker-scrim{place-items:end stretch;padding:0}.sticker-maker{width:100%;border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.sticker-mask,.sticker-cell-send,.sticker-make{transition:none}.sticker-cell-send:active{transform:none}}.surface.secret .chat-head{background:color-mix(in srgb,var(--success) 10%,color-mix(in srgb,var(--bg) 86%,transparent));box-shadow:0 1px color-mix(in srgb,var(--success) 35%,var(--line))}.secret-lock{display:inline-block;flex:none;margin-right:var(--s-1);vertical-align:-1px;color:var(--success-ink)}.secret-banner{align-self:center;display:flex;gap:var(--s-3);max-width:min(460px,92%);margin:var(--s-2) 0 var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r-card);background:color-mix(in srgb,var(--success) 12%,var(--surface));box-shadow:var(--edge),var(--shadow-1);line-height:1.4}.secret-banner-seal{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:var(--r-pill);color:var(--bg);background:var(--success)}.system-note.secret-warn{max-width:min(460px,90%);padding:var(--s-2) var(--s-4);border-radius:var(--r-card);background:color-mix(in srgb,var(--peach) 20%,var(--surface));color:var(--ink);line-height:1.4}.secret-state{display:inline-flex;align-items:center;gap:var(--s-2);font-style:italic;opacity:.75}.secret-media{display:flex;align-items:center;justify-content:center;gap:var(--s-2);min-width:220px;min-height:64px;padding:var(--s-3) var(--s-4);border:0;border-radius:calc(var(--r-bubble) - 8px);background:color-mix(in srgb,var(--success) 10%,var(--surface-2));color:inherit;font:inherit;text-align:left;cursor:pointer}.secret-media:disabled{cursor:progress}.safety-number{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2) var(--s-3);margin:2px var(--s-1) var(--s-3);padding:var(--s-4);border-radius:var(--r-card);background:var(--surface-2);font-family:var(--font-mono);font-size:var(--t-sm);letter-spacing:.06em;text-align:center}.secret-warn-text{display:flex;gap:var(--s-2);align-items:flex-start;margin:0 var(--s-1) var(--s-2);color:var(--danger-ink);line-height:1.4}.secret-seal{color:var(--bg);background:var(--success)!important}.secret-row.on{background:color-mix(in srgb,var(--success) 14%,transparent)}:root[data-design=calm]{--composer-field: var(--surface-2);--composer-field-shadow: none;--bubble-run-gap: var(--s-4);--bubble-pad: 10px 14px 8px;--menu-row-r: 8px}:root[data-design=midnight]{--composer-field: var(--surface-2);--composer-field-shadow: none;--bubble-run-gap: 10px;--bubble-pad: 9px 13px 7px;--menu-row-r: 6px}:root{--call-btn: 60px;--call-btn-big: 72px;--call-avatar: 168px}.call{position:fixed;inset:0;z-index:var(--z-call);display:grid;grid-template-rows:auto 1fr auto;background:var(--bg);color:var(--ink);overflow:hidden}.call:before{content:"";position:absolute;inset:-30%;background:radial-gradient(50% 50% at 30% 20%,var(--primary) 0%,transparent 60%),radial-gradient(45% 45% at 75% 75%,var(--iris) 0%,transparent 60%);opacity:.2;filter:blur(72px);animation:call-drift 30s var(--ease-in-out) infinite alternate;pointer-events:none}@keyframes call-drift{to{transform:translate(4%,-3%) scale(1.06)}}.call-head{position:relative;z-index:2;display:flex;align-items:center;gap:var(--s-3);min-height:44px;padding:var(--s-4) var(--s-4) 0}.call-head .clay-round{background:color-mix(in srgb,var(--surface-2) 80%,transparent)}.call-state{font-size:var(--t-sm);font-weight:700;color:var(--ink-2)}.call-timer{font-size:var(--t-sm);font-variant-numeric:tabular-nums;color:var(--ink-2)}.call-stage{position:relative;z-index:2;display:grid;place-items:center;padding:var(--s-5);min-height:0}.call-orb{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.call-face{position:relative;display:grid;place-items:center;margin-bottom:var(--s-4)}.call-orb .avatar{position:relative;z-index:1;width:var(--call-avatar)!important;height:var(--call-avatar)!important;font-size:calc(var(--call-avatar) / 3)!important;box-shadow:var(--lift)}.call-rings{position:absolute;inset:0;pointer-events:none}.call-rings i{position:absolute;inset:0;border-radius:var(--r-pill);box-shadow:inset 0 0 0 2px var(--primary);opacity:0;animation:call-ring 2.4s var(--ease-out) infinite}.call-rings i:nth-child(2){animation-delay:.8s}.call-rings i:nth-child(3){animation-delay:1.6s}@keyframes call-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.call-name{font-family:var(--font-display);font-size:var(--t-xl);font-weight:700;letter-spacing:-.02em;text-align:center}.call-handle{font-size:var(--t-sm);color:var(--ink-2)}.call-video{position:relative;width:100%;height:100%;border-radius:var(--r-sheet);overflow:hidden;background:var(--surface-2);box-shadow:var(--edge),var(--shadow-2)}.call-video>video{width:100%;height:100%;object-fit:cover;background:var(--surface-2)}.call-self{position:absolute;right:var(--s-4);bottom:var(--s-4);width:148px;aspect-ratio:3 / 4;border-radius:var(--r-card);overflow:hidden;box-shadow:var(--lift);background:var(--surface);z-index:3}.call-self video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.call-video-off{position:absolute;inset:0;display:grid;place-items:center;background:var(--surface-2)}.call-controls{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:var(--s-4);padding:var(--s-5) var(--s-5) calc(var(--s-7) + env(safe-area-inset-bottom))}.call-btn{width:var(--call-btn);height:var(--call-btn);border-radius:var(--r-pill);display:grid;place-items:center;background:var(--surface);box-shadow:var(--edge),var(--shadow-1);color:var(--ink);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.call-btn:hover{background:color-mix(in srgb,var(--surface) 88%,var(--ink))}.call-btn:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.call-btn[aria-pressed=true]{background:var(--ink);color:var(--bg);box-shadow:none}.call-btn.hang,.call-btn.accept{width:var(--call-btn-big);height:var(--call-btn-big);color:var(--bg);box-shadow:var(--shadow-2)}.call-btn.hang{background:var(--danger)}.call-btn.hang:hover{background:color-mix(in srgb,var(--danger) 88%,var(--ink))}.call-btn.accept{background:var(--success);animation:call-accept 1.8s var(--ease-in-out) infinite}.call-btn.accept:hover{background:color-mix(in srgb,var(--success) 88%,var(--ink))}@keyframes call-accept{0%,60%,to{transform:translateY(0)}72%{transform:translateY(-6px)}84%{transform:translateY(0)}92%{transform:translateY(-2px)}}.call-btn.accept:active{animation:none;transform:scale(var(--press-scale))}.call-pill{position:fixed;z-index:var(--z-call);left:50%;top:var(--s-4);display:flex;align-items:center;gap:var(--s-3);min-height:48px;padding:var(--s-1) var(--s-1) var(--s-1) var(--s-2);background:var(--ink);color:var(--bg);border-radius:var(--r-pill);box-shadow:var(--lift);cursor:pointer}.call-pill-name{font-size:var(--t-sm);font-weight:700;line-height:18px}.call-pill .call-timer{color:var(--bg);opacity:.8;font-size:var(--t-xs);line-height:16px}.call-pill .hang-sm{width:40px;height:40px;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--danger);color:var(--bg);transition:transform var(--dur-press) var(--ease-out)}.call-pill .hang-sm:active{transform:scale(var(--press-scale))}.call-warning{position:relative;z-index:2;margin:0 auto;max-width:420px;text-align:center;font-size:var(--t-xs);line-height:16px;color:var(--ink-2);padding:0 var(--s-5) var(--s-3)}@media(max-width:640px){:root{--call-btn: 56px;--call-btn-big: 64px;--call-avatar: 128px}.call-self{width:104px;right:var(--s-3);bottom:var(--s-3)}.call-controls{gap:var(--s-3)}}@media(prefers-reduced-motion:reduce){.call:before,.call-rings i,.call-btn.accept{animation:none}.call-rings i:first-child{opacity:.5;transform:scale(1.12)}}.admin{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh;background:var(--bg);color:var(--ink)}.admin-side{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:var(--s-7);padding:var(--s-6) var(--s-4);background:var(--surface);box-shadow:inset -1px 0 0 var(--line);min-width:0}.admin-brand{display:flex;align-items:center;gap:var(--s-3);padding:0 var(--s-2)}.admin-brand svg{flex:none}.admin-brand-words{display:flex;flex-direction:column;line-height:1.15}.admin-brand-words b{font-family:var(--font-display);font-size:var(--t-lg);font-weight:600}.admin-brand-words span{font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.admin-tabs{display:flex;flex-direction:column;gap:var(--s-1)}.admin-tab{display:flex;align-items:center;gap:var(--s-3);min-height:var(--tap);padding:0 var(--s-4);border-radius:var(--r-pill);color:var(--ink-2);font-weight:700;font-size:var(--t-base);text-align:left;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.admin-tab svg{flex:none}.admin-tab:hover:not(.on){background:var(--surface-2);color:var(--ink)}.admin-tab:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.admin-tab.on{background:var(--primary-soft);color:var(--primary-ink)}.admin-tab:focus-visible{outline:2px solid var(--iris);outline-offset:2px}.admin-side-foot{margin-top:auto;display:grid;gap:var(--s-2);min-width:0}.admin-actor{padding:0 var(--s-2);font-family:var(--font-mono);font-size:var(--t-xs);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-signout{width:100%}.admin-main{width:100%;max-width:1180px;min-width:0;padding:var(--s-7) var(--s-7) var(--s-9)}.admin-head{display:flex;flex-direction:column;gap:var(--s-1);margin-bottom:var(--s-6)}.admin-head h1{font-family:var(--font-display);font-size:var(--t-2xl);font-weight:600;line-height:1.15;letter-spacing:-.01em}.admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s-4);margin-bottom:var(--s-7)}.admin-card{display:grid;gap:var(--s-1);padding:var(--s-5);background:var(--surface);border-radius:var(--r-card);box-shadow:var(--edge),var(--shadow-1)}.admin-card-label{font-size:var(--t-sm);font-weight:700;color:var(--ink-2)}.admin-card strong{font-family:var(--font-display);font-size:var(--t-2xl);font-weight:600;line-height:1.15;font-variant-numeric:tabular-nums}.admin-card-sub{font-size:var(--t-xs);color:var(--ink-2)}.admin-toolbar{display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--s-4)}.admin-search{display:flex;align-items:center;gap:var(--s-2);flex:1 1 280px;min-height:var(--tap);padding:0 var(--s-4);background:var(--surface);border-radius:var(--r-pill);box-shadow:var(--edge),var(--shadow-1);color:var(--ink-3);transition:box-shadow var(--dur-fast) var(--ease-out)}.admin-search:focus-within{box-shadow:0 0 0 2px var(--iris),var(--ring)}.admin-search input{flex:1;min-width:0;border:0;background:none;color:var(--ink);font:inherit;outline:none}.admin-search input::placeholder{color:var(--ink-2)}.admin-search svg{flex:none}.admin-sorts{display:inline-flex;flex-wrap:wrap;align-self:flex-start;gap:var(--s-1);padding:var(--s-1);border-radius:var(--r-pill);background:var(--surface-2)}.admin-sort{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--s-4);border-radius:var(--r-pill);color:var(--ink-2);font-size:var(--t-sm);font-weight:700;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.admin-sort:hover:not(.on):not(:disabled){color:var(--ink)}.admin-sort:active:not(:disabled){transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.admin-sort.on{background:var(--primary);color:var(--on-primary)}.admin-sort:disabled{opacity:.45;cursor:not-allowed}.admin-count{margin:0 0 var(--s-2);padding-left:var(--s-2);font-size:var(--t-xs);font-weight:700;color:var(--ink-2)}.admin-table-wrap{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--edge),var(--shadow-1);overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:860px}.admin-table th{text-align:left;font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding:var(--s-4) var(--s-4) var(--s-3);border-bottom:1px solid var(--line);white-space:nowrap}.admin-table th:first-child,.admin-table td:first-child{padding-left:var(--s-5)}.admin-table th:last-child,.admin-table td:last-child{padding-right:var(--s-5)}.admin-table td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line);vertical-align:middle;font-size:var(--t-sm)}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table tbody tr{transition:background var(--dur-fast) var(--ease-out)}.admin-table tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 60%,transparent)}.admin-table .mono{font-family:var(--font-mono);font-size:var(--t-xs)}.admin-table .num{text-align:right;font-family:var(--font-body);font-size:var(--t-sm);font-weight:700;font-variant-numeric:tabular-nums}.admin-table tr.is-suspended td{opacity:.55}.admin-person{display:flex;align-items:center;gap:var(--s-3);min-width:0}.admin-person-words{display:flex;flex-direction:column;min-width:0}.admin-person-words .tiny{color:var(--ink-2)}.admin-avatar{width:36px;height:36px;border-radius:var(--r-pill);flex:none;display:grid;place-items:center;background:var(--primary-soft);background-size:cover;background-position:center;color:var(--primary-ink);font-family:var(--font-display);font-weight:600;font-size:var(--t-sm)}.admin-name{display:flex;align-items:center;gap:var(--s-2);font-weight:700;font-size:var(--t-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-dot{width:8px;height:8px;border-radius:var(--r-pill);background:var(--success);flex:none}.admin-chip-bad{background:var(--danger);color:var(--bg)}.admin-chip-quiet{background:var(--surface-2);color:var(--ink-2)}.admin-empty{display:grid;justify-items:center;gap:var(--s-2);padding:var(--s-8);margin:0;color:var(--ink-2);font-size:var(--t-sm)}.admin-gate{min-height:100dvh;display:grid;place-items:center;padding:var(--s-5) var(--s-4);background:var(--bg);color:var(--ink)}.admin-gate-card{width:100%;max-width:400px;padding:var(--s-7) var(--s-6) var(--s-6);display:grid;gap:var(--s-4);background:var(--surface);border-radius:var(--r-card);box-shadow:var(--lift)}.admin-gate-mark{display:flex;justify-content:center;margin-bottom:var(--s-2)}.admin-gate-card .eyebrow{margin-bottom:calc(var(--s-4) * -1);text-align:center;font-weight:700}.admin-gate-card h1{font-family:var(--font-display);font-size:var(--t-2xl);font-weight:600;line-height:1.2;text-align:center}.admin-gate-sub{margin:calc(var(--s-3) * -1) 0 var(--s-2);text-align:center;font-size:var(--t-sm);color:var(--ink-2)}.admin-gate-card .groove{min-height:52px;padding:0 var(--s-5)}.admin-gate-card .slab{min-height:52px}.admin-google{gap:var(--s-3);background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);font-weight:700}.admin-google:hover:not(:disabled){filter:none;background:var(--surface-2)}.admin-error,.admin-note{display:flex;align-items:flex-start;gap:var(--s-2);margin:0;font-size:var(--t-sm);line-height:1.5}.admin-error{padding:var(--s-3) var(--s-4);border-radius:var(--r-card);background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger-ink);font-weight:700}.admin-note{color:var(--ink-2)}.admin-error svg,.admin-note svg{flex:none;margin-top:2px}.admin-row{cursor:pointer}.admin-row:focus-visible{outline:2px solid var(--iris);outline-offset:-2px}.admin-scrim{position:fixed;inset:0;z-index:40;background:var(--scrim)}.admin-drawer{position:fixed;top:0;right:0;z-index:41;width:min(440px,100vw);height:100dvh;overflow-y:auto;padding:var(--s-6);background:var(--bg);border-radius:var(--r-sheet) 0 0 var(--r-sheet);box-shadow:var(--lift);display:grid;gap:var(--s-5);align-content:start}.admin-drawer-head{display:flex;align-items:center;gap:var(--s-2)}.admin-drawer-person{display:flex;gap:var(--s-4);align-items:center}.admin-drawer-person h2{font-family:var(--font-display);font-size:var(--t-xl);font-weight:600;line-height:1.2}.admin-drawer-person .tiny{color:var(--ink-2)}.admin-avatar-lg{width:60px;height:60px;font-size:var(--t-lg)}.admin-drawer .eyebrow{display:block;margin-bottom:var(--s-2);font-weight:700}.admin-banner-ok,.admin-banner-bad{display:flex;align-items:center;gap:var(--s-2);margin:0;padding:var(--s-3) var(--s-4);border-radius:var(--r-card);font-size:var(--t-sm);font-weight:700;line-height:1.5}.admin-banner-ok{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success-ink)}.admin-banner-bad{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger-ink)}.admin-banner-ok svg,.admin-banner-bad svg{flex:none}.admin-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4);margin:0;padding:var(--s-5);background:var(--surface);border-radius:var(--r-card);box-shadow:var(--edge),var(--shadow-1)}.admin-facts dt{font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.admin-facts dd{margin:0;font-size:var(--t-sm);font-weight:700;font-variant-numeric:tabular-nums}.admin-spark{display:flex;align-items:flex-end;gap:var(--s-1);height:64px;padding:var(--s-3);background:var(--surface-2);border-radius:var(--r-sm)}.admin-spark span{flex:1;min-width:4px;border-radius:var(--r-pill);background:var(--primary)}.admin-rooms{list-style:none;display:grid;gap:var(--s-1);margin:0;padding:0}.admin-rooms li{display:flex;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-4);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--edge);font-size:var(--t-sm);font-weight:600}.admin-rooms li .tiny{color:var(--ink-2);font-weight:400}.admin-actions{display:grid;gap:var(--s-2)}.admin-actions .clay-btn,.admin-actions .slab{width:100%;justify-content:center}.admin-actions .tiny{color:var(--ink-2)}.admin-danger{display:grid;gap:var(--s-2);padding:var(--s-4);border-radius:var(--r-card);background:color-mix(in srgb,var(--danger) 8%,transparent);box-shadow:inset 0 0 0 1.5px var(--danger)}.admin-danger .tiny{margin:0}.admin-compose{display:grid;gap:var(--s-4);max-width:680px;padding:var(--s-6);background:var(--surface);border-radius:var(--r-card);box-shadow:var(--edge),var(--shadow-1)}.admin-compose .field>span:first-child{display:block;margin-bottom:var(--s-2);padding-left:var(--s-4);font-size:var(--t-sm);font-weight:700;color:var(--ink-2)}.admin-compose .tiny.faint{color:var(--ink-2);padding:0 var(--s-4)}.admin-textarea{resize:vertical;min-height:140px;padding:var(--s-4) var(--s-5);font:inherit;line-height:1.6}select.groove{appearance:none;cursor:pointer;padding-right:var(--s-8);background-image:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(135deg,var(--ink-2) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 17px) 50%;background-size:5px 5px;background-repeat:no-repeat}.admin-preview{display:grid;gap:var(--s-2)}.admin-preview .eyebrow{padding-left:var(--s-4);font-weight:700}.admin-preview-card,.admin-mail{--mail-bg: #f4f2fb;--mail-card: #ffffff;--mail-line: #e4e0f3;--mail-ink: #1f1b2e;--mail-muted: #5e5875;--mail-primary: #5443d6}.admin-preview-card{padding:var(--s-5);background:var(--mail-bg);border-radius:var(--r-card);box-shadow:inset 0 0 0 1px var(--mail-line);color:var(--mail-ink)}.admin-preview>.admin-preview-card{background:var(--mail-card)}.admin-preview-brand{font-size:var(--t-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mail-muted)}.admin-preview-card h3{font-family:var(--font-display);font-size:var(--t-xl);font-weight:600;line-height:1.2;margin:var(--s-3) 0}.admin-preview-card p{font-size:var(--t-sm);line-height:1.6;color:var(--mail-muted);margin:0 0 var(--s-3);white-space:pre-wrap}.admin-preview-btn{display:inline-block;padding:var(--s-3) var(--s-6);background:var(--mail-primary);color:#fff;border-radius:var(--r-pill);font-weight:800;font-size:var(--t-sm)}@keyframes nook-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.rise-in{animation:nook-rise var(--dur-slow) var(--ease-out) both}@media(prefers-reduced-motion:reduce){.rise-in{animation-name:nook-fade}}@keyframes nook-fade{0%{opacity:0}to{opacity:1}}.admin-notif{--lock-bg: #23212b;--lock-ink: #f4f2fa;--lock-muted: #b9b4c8;display:flex;gap:var(--s-3);align-items:flex-start;margin-top:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--lock-bg);border-radius:var(--r-card)}.admin-notif-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-sm)}.admin-notif-text{min-width:0;display:flex;flex-direction:column;gap:2px}.admin-notif-text b{font-size:var(--t-sm);color:var(--lock-ink);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-notif-text span{font-size:var(--t-sm);line-height:1.45;color:var(--lock-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-mail{margin-top:var(--s-3);padding:var(--s-5);background:var(--mail-card);border-radius:var(--r-card);box-shadow:inset 0 0 0 1px var(--mail-line)}.admin-mail-subject{font-size:var(--t-xs);color:var(--mail-muted);padding-bottom:var(--s-3);margin-bottom:var(--s-3);border-bottom:1px solid var(--mail-line)}.admin-mail-heading{font-family:var(--font-display);font-size:var(--t-lg);font-weight:600;color:var(--mail-ink);margin-bottom:var(--s-3)}.admin-mail-body{font-size:var(--t-sm);line-height:1.65;color:var(--mail-muted);white-space:pre-wrap}@media(max-width:900px){.admin{grid-template-columns:minmax(0,1fr)}.admin-side{z-index:30;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);box-shadow:inset 0 -1px 0 var(--line)}.admin-tabs{order:3;flex-direction:row;width:100%;overflow-x:auto;scrollbar-width:none}.admin-tab{flex:none;min-height:40px;font-size:var(--t-sm)}.admin-side-foot{margin:0 0 0 auto;display:flex;align-items:center}.admin-actor{display:none}.admin-signout{width:auto}.admin-main{padding:var(--s-6) var(--s-4) var(--s-8)}}@media(max-width:640px){.admin-head h1{font-size:var(--t-xl)}.admin-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}.admin-card{padding:var(--s-4)}.admin-card strong{font-size:var(--t-xl)}.admin-compose{padding:var(--s-5) var(--s-4)}.admin-sorts{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.admin-sort{flex:none}.admin-drawer{width:100vw;padding:var(--s-5) var(--s-4);border-radius:0}.admin-facts{gap:var(--s-3)}}.design-panel{display:flex;flex-direction:column;gap:var(--s-5)}.design-intro{margin:0;max-width:64ch;color:var(--ink-2);line-height:1.55}.design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s-4)}.design-card{position:relative;display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--edge),var(--shadow-1);text-align:left;color:var(--ink)}.design-card:focus-visible{outline:none;box-shadow:var(--edge),var(--shadow-1),var(--ring)}.design-ring{position:absolute;inset:-3px;border-radius:calc(var(--r-card) + 3px);border:2px solid var(--primary);pointer-events:none}.design-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}.design-thumb{position:relative;height:96px;border-radius:var(--r-sm);overflow:hidden;box-shadow:inset 0 0 0 1px #7f7f7f2e}.design-thumb-bubble{position:absolute;left:10px;top:12px;width:58%;height:18px;box-shadow:0 2px 6px #00000014}.design-thumb-bubble.mine{left:auto;right:10px;top:38px;width:50%}.design-thumb-button{position:absolute;left:10px;right:10px;bottom:10px;height:16px;border-radius:var(--r-pill)}.design-card-foot{display:flex;align-items:center;gap:var(--s-3);min-height:var(--tap)}.design-card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.design-card-text strong{font-size:var(--t-lg);font-weight:600;line-height:1.1}.design-card-text span{font-size:var(--t-sm);color:var(--ink-2)}.design-live{flex:none;padding:4px 10px;border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-ink);font-size:var(--t-xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.design-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-3)}.design-note{display:inline-flex;align-items:center;gap:6px;color:var(--success-ink);font-weight:600}.design-note.error{color:var(--danger-ink)}.design-preview-note{margin:0;font-size:var(--t-sm);color:var(--ink-2)}