@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700&family=Instrument+Sans:ital,wght@0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--clay-bg: #e9e1d6;--clay-surface: #f4eee6;--clay-raised: #faf6f0;--clay-sunk: #ded4c6;--clay-edge: #cfc2b1;--ink: #1e1a17;--ink-soft: #5c5349;--ink-faint: #8b8073;--ink-invert: #f7f2ea;--terracotta: #c0603c;--terracotta-deep: #a9502f;--moss: #57694a;--moss-deep: #46563b;--ochre: #ce9535;--ochre-deep: #b07f27;--clay-blue: #47606f;--clay-blue-deep: #3a4f5c;--rust: #a33f2f;--rust-deep: #8c3427;--accent: var(--terracotta);--accent-deep: var(--terracotta-deep);--on-accent: #fdf8f2;--clay-1: 4px 4px 10px rgba(30, 26, 23, .11), -3px -3px 8px rgba(255, 255, 255, .85);--clay-2: 8px 8px 20px rgba(30, 26, 23, .13), -5px -5px 14px rgba(255, 255, 255, .9);--clay-3: 16px 18px 38px rgba(30, 26, 23, .16), -8px -8px 22px rgba(255, 255, 255, .92);--clay-in: inset 3px 3px 7px rgba(30, 26, 23, .13), inset -2px -2px 6px rgba(255, 255, 255, .8);--clay-in-deep: inset 5px 5px 12px rgba(30, 26, 23, .16), inset -3px -3px 8px rgba(255, 255, 255, .75);--slab-border: 2px solid var(--ink);--slab-shadow: 4px 4px 0 var(--ink);--slab-shadow-sm: 3px 3px 0 var(--ink);--slab-shadow-lg: 6px 6px 0 var(--ink);--r-clay-sm: 14px;--r-clay: 22px;--r-clay-lg: 30px;--r-clay-xl: 38px;--r-slab: 6px;--r-pill: 999px;--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--t-xs: .75rem;--t-sm: .8125rem;--t-base: .9375rem;--t-md: 1rem;--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: 22px;--s-6: 30px;--s-7: 42px;--s-8: 60px;--ease-clay: cubic-bezier(.34, 1.32, .48, 1);--ease-out: cubic-bezier(.22, .9, .3, 1);--dur-fast: .14s;--dur: .22s;--dur-slow: .38s;--rail-w: 76px;--shelf-w: 320px;--z-sheet: 60;--z-call: 90;--z-toast: 120;color-scheme:light}:root[data-theme=dark]{--clay-bg: #201d1a;--clay-surface: #2b2724;--clay-raised: #35302b;--clay-sunk: #171412;--clay-edge: #423b34;--ink: #efe6da;--ink-soft: #a79c8e;--ink-faint: #7d7367;--ink-invert: #1a1715;--terracotta: #d97a53;--terracotta-deep: #c0603c;--moss: #7f9268;--moss-deep: #64764f;--ochre: #e0ad55;--ochre-deep: #c4913a;--clay-blue: #6b8598;--clay-blue-deep: #547083;--rust: #c85a45;--rust-deep: #a33f2f;--accent: var(--terracotta);--accent-deep: var(--terracotta-deep);--on-accent: #201d1a;--clay-1: 4px 4px 10px rgba(0, 0, 0, .42), -3px -3px 8px rgba(255, 240, 220, .045);--clay-2: 8px 8px 20px rgba(0, 0, 0, .48), -5px -5px 14px rgba(255, 240, 220, .055);--clay-3: 16px 18px 38px rgba(0, 0, 0, .55), -8px -8px 22px rgba(255, 240, 220, .06);--clay-in: inset 3px 3px 8px rgba(0, 0, 0, .5), inset -2px -2px 6px rgba(255, 240, 220, .05);--clay-in-deep: inset 5px 5px 13px rgba(0, 0, 0, .58), inset -3px -3px 8px rgba(255, 240, 220, .05);--slab-shadow: 4px 4px 0 var(--ink);color-scheme:dark}:root[data-accent=moss]{--accent: var(--moss);--accent-deep: var(--moss-deep)}:root[data-accent=ochre]{--accent: var(--ochre);--accent-deep: var(--ochre-deep);--on-accent: #241d10}:root[data-accent=clay-blue]{--accent: var(--clay-blue);--accent-deep: var(--clay-blue-deep)}:root[data-accent=rust]{--accent: var(--rust);--accent-deep: #8c3427}*,*: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(--clay-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.14;letter-spacing:-.018em}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(--accent-deep);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-family:var(--font-mono);font-size:.86em;letter-spacing:-.02em}:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px;border-radius:var(--r-slab)}::selection{background:var(--accent);color:var(--on-accent)}*{scrollbar-width:thin;scrollbar-color:var(--clay-edge) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--clay-edge);border-radius:999px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--ink-faint);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-soft)}.faint{color:var(--ink-faint)}.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:.19em;text-transform:uppercase;color:var(--ink-faint);font-weight:500}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.clay{background:var(--clay-surface);border-radius:var(--r-clay);box-shadow:var(--clay-1);border:none}.clay-2{box-shadow:var(--clay-2)}.clay-3{box-shadow:var(--clay-3)}.clay-flat{background:var(--clay-surface);border-radius:var(--r-clay)}.sunk{background:var(--clay-sunk);border-radius:var(--r-clay);box-shadow:var(--clay-in);border:none}.sunk-deep{box-shadow:var(--clay-in-deep)}.clay-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:10px 16px;background:var(--clay-surface);border-radius:var(--r-clay-sm);box-shadow:var(--clay-1);color:var(--ink);font-weight:500;transition:box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out),background var(--dur) var(--ease-out)}.clay-btn:hover{box-shadow:var(--clay-2);transform:translateY(-1px)}.clay-btn:active{box-shadow:var(--clay-in);transform:translateY(0);background:var(--clay-sunk)}.clay-btn[aria-pressed=true],.clay-btn.on{box-shadow:var(--clay-in);background:var(--clay-sunk);color:var(--accent-deep)}.clay-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--clay-1);transform:none}.clay-round{width:44px;height:44px;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--clay-surface);box-shadow:var(--clay-1);color:var(--ink);flex:none;transition:box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-clay)}.clay-round:hover{box-shadow:var(--clay-2);transform:translateY(-1.5px)}.clay-round:active{box-shadow:var(--clay-in);transform:scale(.95)}.slab{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:12px 20px;background:var(--accent);color:var(--on-accent);border:var(--slab-border);border-radius:var(--r-slab);box-shadow:var(--slab-shadow);font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.slab:hover:not(:disabled){filter:brightness(1.05);transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.slab:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.slab:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--slab-shadow);transform:none}.slab-quiet{background:var(--clay-surface);color:var(--ink)}.slab-danger{background:var(--rust);color:#fdf6f3}.slab-sm{padding:7px 13px;font-size:var(--t-sm);box-shadow:var(--slab-shadow-sm)}.slab-sm:active:not(:disabled){transform:translate(3px,3px)}.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(--accent);color:var(--on-accent);border:2px solid var(--ink);border-radius:var(--r-slab);font-family:var(--font-mono);font-size:11px;font-weight:500;line-height:1}.chip-quiet{background:var(--clay-surface);color:var(--ink)}.chip-moss{background:var(--moss);color:#f4f7f0}.chip-ochre{background:var(--ochre);color:#241d10}.field{position:relative;display:block}.field>.field-label{display:block;font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;margin-bottom:7px;padding-left:4px}.groove{width:100%;padding:13px 16px;background:var(--clay-sunk);border:none;border-radius:var(--r-clay-sm);box-shadow:var(--clay-in);color:var(--ink);transition:box-shadow var(--dur) var(--ease-out)}.groove::placeholder{color:var(--ink-faint)}.groove:focus{outline:none;box-shadow:var(--clay-in-deep),0 0 0 2.5px var(--accent)}.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:var(--clay-in),inset 0 0 0 1000px var(--clay-sunk);transition:background-color 9999s ease-out}.groove[aria-invalid=true]{box-shadow:var(--clay-in),0 0 0 2.5px var(--rust)}textarea.groove{resize:none;line-height:1.5}.field-error{display:flex;align-items:center;gap:6px;margin-top:7px;padding-left:4px;font-size:var(--t-sm);color:var(--rust);font-weight:500}.toggle{--w: 50px;width:var(--w);height:28px;flex:none;padding:3px;background:var(--clay-sunk);border-radius:var(--r-pill);box-shadow:var(--clay-in);display:flex;align-items:center;transition:background var(--dur) var(--ease-out)}.toggle:after{content:"";width:22px;height:22px;background:var(--clay-raised);border:2px solid var(--ink);border-radius:5px;transition:transform var(--dur) var(--ease-clay)}.toggle[aria-checked=true]{background:var(--accent)}.toggle[aria-checked=true]:after{transform:translate(calc(var(--w) - 34px))}.rule{height:2px;border-radius:2px;background:var(--clay-sunk);box-shadow:inset 0 1px 2px #1e1a171f}.avatar{position:relative;flex:none;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--clay-surface);box-shadow:var(--clay-1);overflow:visible;font-family:var(--font-display);font-weight:600;color:var(--on-accent);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:-.02em}.avatar .dot{position:absolute;right:-1px;bottom:-1px;width:30%;height:30%;min-width:10px;min-height:10px;border-radius:3px;background:var(--moss);border:2px solid var(--clay-bg);transform:rotate(45deg)}.skeleton{background:var(--clay-sunk);border-radius:var(--r-clay-sm);box-shadow:var(--clay-in);animation:breathe 1.9s var(--ease-out) infinite}@keyframes breathe{0%,to{opacity:.55}50%{opacity:.95}}.door{position:relative;min-height:100dvh;display:grid;grid-template-rows:1fr auto 1fr;overflow:hidden;padding:var(--s-5);background:var(--clay-bg)}.door-blobs{position:absolute;inset:-20%;z-index:0;pointer-events:none;filter:blur(60px);opacity:.55}:root[data-theme=dark] .door-blobs{opacity:.3}:root[data-theme=dark] .door:after{opacity:.2}.door-blobs span{position:absolute;display:block;border-radius:48% 52% 60% 40%/55% 45%;animation:drift 34s var(--ease-out) infinite alternate}.door-blobs span:nth-child(1){width:46vmax;height:46vmax;left:2%;top:4%;background:var(--terracotta);opacity:.24}.door-blobs span:nth-child(2){width:38vmax;height:38vmax;right:4%;top:22%;background:var(--moss);opacity:.2;animation-duration:44s;animation-delay:-8s}.door-blobs span:nth-child(3){width:34vmax;height:34vmax;left:30%;bottom:-6%;background:var(--ochre);opacity:.19;animation-duration:52s;animation-delay:-20s}.door-blobs span:nth-child(4){width:28vmax;height:28vmax;right:26%;bottom:6%;background:var(--clay-blue);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:.4;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='.055'/%3E%3C/svg%3E")}.door-stack{position:relative;z-index:2;grid-row:2;grid-column:1;justify-self:center;width:min(400px,100%);display:flex;flex-direction:column;align-items:center}.door-mark{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);margin-bottom:var(--s-6);will-change:transform;animation:door-rise .62s var(--ease-clay) both}@keyframes door-rise{0%{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.door-mark img{width:104px;height:104px;filter:drop-shadow(10px 14px 22px rgba(30,26,23,.22))}.door-wordmark{font-family:var(--font-display);font-size:var(--t-2xl);font-weight:700;letter-spacing:-.035em;color:var(--ink)}.door-tagline{font-size:var(--t-sm);color:var(--ink-soft);letter-spacing:.01em}.door-panel{position:relative;width:100%;padding:var(--s-6);background:var(--clay-raised);border-radius:var(--r-clay-xl);box-shadow:var(--clay-3);animation:door-rise .62s var(--ease-clay) .11s both}.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;letter-spacing:-.025em;margin-bottom:4px}.door-sub{font-size:var(--t-sm);color:var(--ink-soft);margin-bottom:var(--s-5)}.door-fields{display:flex;flex-direction:column;gap:var(--s-4)}.door-actions{margin-top:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.door-switch{display:flex;justify-content:center;gap:6px;font-size:var(--t-sm);color:var(--ink-soft)}.door-switch button{font-weight:600;color:var(--accent-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}.door-note{position:relative;z-index:2;grid-row:3;grid-column:1;align-self:end;justify-self:center;max-width:380px;padding-top:var(--s-6);text-align:center;font-size:var(--t-xs);color:var(--ink-faint);line-height:1.6}.door-avail{display:flex;align-items:center;gap:6px;margin-top:7px;padding-left:4px;font-size:var(--t-sm);font-weight:500}.door-avail.ok{color:var(--moss-deep)}.door-avail.no{color:var(--rust)}.strength{display:flex;gap:5px;margin-top:9px}.strength i{height:6px;flex:1;border-radius:2px;border:1.5px solid var(--ink);background:transparent;transition:background var(--dur) var(--ease-out)}.strength i.on{background:var(--moss)}.strength i.warn{background:var(--ochre)}.code-row{display:flex;gap:var(--s-2);justify-content:space-between}.code-row input{width:100%;aspect-ratio:3 / 4;text-align:center;font-family:var(--font-mono);font-size:var(--t-lg);padding:0}.door.opening .door-panel,.door.opening .door-mark{animation:none}.door-leaf{position:fixed;inset:0;z-index:200;background:var(--clay-surface);pointer-events:none}.door-leaf.left{border-right:2px solid var(--clay-edge)}@media(max-width:520px){.door{grid-template-rows:1fr auto auto;padding:var(--s-4)}.door-panel{padding:var(--s-5) var(--s-4)}.door-mark img{width:76px;height:76px}.door-mark{margin-bottom:var(--s-5)}.door-note{padding-top:var(--s-5)}}.shell{display:grid;grid-template-columns:var(--rail-w) auto 1fr;height:100dvh;overflow:hidden;background:var(--clay-bg)}.rail{grid-column:1;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-4) 0;background:var(--clay-bg);z-index:30}.rail-logo{width:42px;height:42px;flex:none;margin-bottom:var(--s-2)}.rail-logo img{width:100%;height:100%;filter:drop-shadow(3px 4px 7px rgba(30,26,23,.2))}.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:46px;height:46px;flex:none}.rail-item .chip{position:absolute;top:-4px;right:-6px;z-index:2}.rail-item.active:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:5px;height:26px;border-radius:3px;background:var(--accent);border:2px solid var(--ink)}.rail-tip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:6px 11px;background:var(--ink);color:var(--ink-invert);border-radius:var(--r-slab);font-size:var(--t-sm);font-weight:500;white-space:nowrap;pointer-events:none;z-index:50}.rail-foot{display:flex;flex-direction:column;gap:var(--s-2);align-items:center}.shelf{grid-column:2;width:var(--shelf-w);display:flex;flex-direction:column;padding:var(--s-4) var(--s-3) var(--s-3) 0;overflow:hidden}.shelf-head{display:flex;align-items:center;gap:var(--s-2);padding:0 var(--s-2) var(--s-3)}.shelf-title{font-family:var(--font-display);font-size:var(--t-lg);font-weight:600;letter-spacing:-.02em;flex:1}.shelf-search{padding:0 var(--s-2) var(--s-3)}.shelf-search .groove{padding:10px 14px;font-size:var(--t-sm);border-radius:var(--r-pill)}.shelf-tabs{display:flex;gap:6px;padding:0 var(--s-2) var(--s-3);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.shelf-tabs::-webkit-scrollbar{display:none}.shelf-tab{flex:none;display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--r-pill);font-size:var(--t-sm);font-weight:500;color:var(--ink-soft);white-space:nowrap;transition:all var(--dur) var(--ease-out)}.shelf-tab.on{background:var(--clay-sunk);box-shadow:var(--clay-in);color:var(--ink)}.shelf-list{flex:1;overflow-y:auto;padding:2px var(--s-2) var(--s-5);display:flex;flex-direction:column;gap:6px}.tile{position:relative;display:flex;align-items:center;gap:var(--s-3);width:100%;padding:11px 13px;text-align:left;background:transparent;border-radius:var(--r-clay);transition:background var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.tile:hover{background:var(--clay-surface);box-shadow:var(--clay-1)}.tile.active{background:var(--clay-surface);box-shadow:var(--clay-2)}.tile.active:after{content:"";position:absolute;left:4px;top:16px;bottom:16px;width:4px;border-radius:2px;background:var(--tile-tint, var(--accent))}.tile-body{flex:1;min-width:0}.tile-top{display:flex;align-items:baseline;gap:var(--s-2)}.tile-name{font-weight:600;font-size:var(--t-base);letter-spacing:-.01em;flex:1;min-width:0}.tile-time{font-size:11px;color:var(--ink-faint);flex:none}.tile-bottom{display:flex;align-items:center;gap:7px;margin-top:1px}.tile-preview{flex:1;min-width:0;font-size:var(--t-sm);color:var(--ink-soft)}.tile.unread .tile-name{font-weight:700}.tile.unread .tile-preview{color:var(--ink);font-weight:500}.tile-marks{display:flex;align-items:center;gap:5px;flex:none}.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(--r-clay-lg);background:var(--clay-surface);box-shadow:var(--clay-2);overflow:hidden}.sheet-scrim{position:fixed;inset:0;z-index:var(--z-sheet);background:#1e1a1752;backdrop-filter:blur(2px)}.sheet{position:fixed;z-index:calc(var(--z-sheet) + 1);top:var(--s-4);right:var(--s-4);bottom:var(--s-4);width:min(400px,calc(100vw - 32px));display:flex;flex-direction:column;background:var(--clay-surface);border-radius:var(--r-clay-lg);box-shadow:var(--clay-3);overflow:hidden}.sheet-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-4) var(--s-3);flex:none}.sheet-title{font-family:var(--font-display);font-size:var(--t-lg);font-weight:600;letter-spacing:-.02em;flex:1}.sheet-body{flex:1;overflow-y:auto;padding:0 var(--s-4) var(--s-5);display:flex;flex-direction:column;gap:var(--s-4)}.sheet-foot{flex:none;padding:var(--s-3) var(--s-4) var(--s-4);display:flex;gap:var(--s-2)}.sheet-section{display:flex;flex-direction:column;gap:var(--s-2)}.sheet-section>.eyebrow{padding-left:4px;margin-bottom:2px}.list-row{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:11px 14px;text-align:left;background:var(--clay-surface);border-radius:var(--r-clay-sm);box-shadow:var(--clay-1);transition:box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}button.list-row:hover{box-shadow:var(--clay-2);transform:translateY(-1px)}button.list-row:active{box-shadow:var(--clay-in);transform:none}.list-row .grow{display:flex;flex-direction:column;gap:1px}.list-row-label{font-weight:500;font-size:var(--t-base)}.list-row-sub{font-size:var(--t-xs);color:var(--ink-soft)}.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:168px;height:168px;opacity:.95}.empty h3{font-size:var(--t-lg)}.empty p{max-width:340px;color:var(--ink-soft);font-size:var(--t-sm)}.toasts{position:fixed;left:50%;bottom:var(--s-5);transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--s-2);align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--s-2);padding:10px 16px;background:var(--ink);color:var(--ink-invert);border-radius:var(--r-pill);font-size:var(--t-sm);font-weight:500;box-shadow:0 10px 26px #1e1a174d;pointer-events:auto;max-width:min(440px,calc(100vw - 32px))}.toast.bad{background:var(--rust);color:#fdf6f3}@media(max-width:1180px){:root{--shelf-w: 268px}}@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(340px,calc(100vw - var(--rail-w) - 12px));background:var(--clay-bg);box-shadow:18px 0 40px #1e1a172e;padding-right:var(--s-3)}.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}.rail{grid-row:2;grid-column:1;flex-direction:row;justify-content:space-around;align-items:center;height:66px;padding:8px var(--s-3) calc(8px + env(safe-area-inset-bottom));background:var(--clay-surface);box-shadow:0 -6px 20px #1e1a171a}.rail-logo,.rail-scroll{display:none}.rail-foot{flex-direction:row;gap:var(--s-5);width:100%;justify-content:space-around}.rail-item.active:before{left:50%;top:-9px;transform:translate(-50%);width:22px;height:5px}.shelf{grid-column:1;grid-row:1;position:static;width:100%;box-shadow:none;padding:var(--s-4) var(--s-3) 0}.surface{grid-row:1;grid-column:1;margin:0;border-radius:0;box-shadow:none}.sheet{inset:auto 0 0;width:100%;max-height:88dvh;border-radius:var(--r-clay-xl) var(--r-clay-xl) 0 0}.sheet-head:before{content:"";position:absolute;top:9px;left:50%;transform:translate(-50%);width:42px;height:5px;border-radius:3px;background:var(--clay-sunk);box-shadow:var(--clay-in)}.sheet-head{position:relative;padding-top:var(--s-5)}}.chat-head{position:relative;z-index:3;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);flex:none;background:color-mix(in srgb,var(--clay-surface) 88%,transparent);backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 1px 0 var(--clay-edge)}.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:var(--t-md);font-weight:600;letter-spacing:-.015em}.chat-head-status{font-size:var(--t-xs);color:var(--ink-soft);display:flex;align-items:center;gap:5px;height:17px}.chat-head-status .live{color:var(--moss-deep);font-weight:500}.chat-head-actions{display:flex;gap:var(--s-2);flex:none}.chat-back{display:none}@media(max-width:900px){.chat-back{display:grid}}.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(--clay-bg);opacity:var(--wp-dim, .35)}.wp-dusk-clay{background:radial-gradient(120% 90% at 12% 0%,#e8a97f 0%,transparent 55%),radial-gradient(100% 80% at 88% 100%,#a9502f 0%,transparent 60%),linear-gradient(160deg,#e9ddcd,#d8c3ad)}.wp-moss-paper{background:radial-gradient(90% 70% at 20% 10%,#a9b899 0%,transparent 60%),radial-gradient(80% 70% at 90% 90%,#57694a 0%,transparent 60%),linear-gradient(200deg,#e6e3d4,#cdd0bd)}.wp-ochre-dune{background:radial-gradient(100% 80% at 50% 0%,#e8c98a 0%,transparent 60%),linear-gradient(180deg,#efe3ca,#d6bd93)}.wp-slate-rain{background:radial-gradient(90% 80% at 10% 90%,#6b8598 0%,transparent 60%),linear-gradient(150deg,#dfe2e2,#b9c4c9)}.wp-plain{background:var(--clay-bg)}.wp-grid{background:linear-gradient(var(--clay-edge) 1px,transparent 1px) 0 0 / 26px 26px,linear-gradient(90deg,var(--clay-edge) 1px,transparent 1px) 0 0 / 26px 26px,var(--clay-bg)}.wp-arch{background:radial-gradient(circle at 50% 120%,var(--terracotta) 0 18%,transparent 18.5%) 0 0 / 90px 90px,var(--clay-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:3px;scroll-behavior:smooth}.day-mark{align-self:center;margin:var(--s-4) 0 var(--s-3);padding:4px 13px;background:var(--clay-surface);border:2px solid var(--ink);border-radius:var(--r-slab);font-size:11px;font-family:var(--font-mono);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.system-note{align-self:center;max-width:78%;margin:var(--s-2) 0;padding:5px 14px;background:color-mix(in srgb,var(--clay-surface) 84%,transparent);border-radius:var(--r-pill);font-size:var(--t-xs);color:var(--ink-soft);text-align:center}.msg{position:relative;display:flex;gap:var(--s-2);max-width:min(600px,78%);align-self:flex-start}.msg.mine{align-self:flex-end;flex-direction:row-reverse}.msg.run-start{margin-top:var(--s-3)}.msg-avatar{align-self:flex-end;margin-bottom:2px}.bubble{position:relative;padding:9px 14px 8px;background:var(--clay-raised);border-radius:var(--r-clay);box-shadow:var(--clay-1);min-width:0;word-break:break-word;overflow-wrap:anywhere}.msg.mine .bubble{background:var(--accent);color:var(--on-accent)}.msg.mine .bubble a{color:var(--on-accent)}.msg.run-start:not(.mine) .bubble{border-bottom-left-radius:8px}.msg.run-start.mine .bubble{border-bottom-right-radius:8px}.msg-sender{display:block;font-size:var(--t-xs);font-weight:700;letter-spacing:-.01em;margin-bottom:2px}.msg-text{font-size:15.5px;line-height:1.5;white-space:pre-wrap}.msg-text:after{content:"";display:inline-block;width:var(--meta-reserve, 56px);height:1px}.msg.mine .msg-text:after{--meta-reserve: 74px}.msg-meta{position:absolute;right:13px;bottom:7px;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-family:var(--font-mono);color:var(--ink-faint);opacity:.9;user-select:none;pointer-events:none}.msg.mine .msg-meta{color:color-mix(in srgb,var(--on-accent) 78%,transparent)}.msg-meta .edited{font-style:italic;font-family:var(--font-body)}.ticks{display:inline-flex;width:15px;height:11px}.ticks.read{color:var(--clay-blue)}.msg.mine .ticks.read{color:var(--on-accent);opacity:1}.msg.pending .bubble{opacity:.62}.msg.failed .bubble{box-shadow:var(--clay-1),0 0 0 2px var(--rust)}.msg-retry{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:var(--t-xs);color:var(--rust);font-weight:500}.quote{display:flex;gap:9px;margin:-2px 0 7px;padding:7px 10px;border-radius:12px;background:color-mix(in srgb,var(--ink) 7%,transparent);border-left:3px solid var(--accent);cursor:pointer;min-width:0}.msg.mine .quote{background:color-mix(in srgb,var(--on-accent) 16%,transparent);border-left-color:var(--on-accent)}.quote-body{min-width:0;flex:1}.quote-name{font-size:var(--t-xs);font-weight:700}.quote-text{font-size:var(--t-sm);opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quote img{width:34px;height:34px;border-radius:8px;object-fit:cover;flex:none}.forward-note{display:flex;align-items:center;gap:5px;font-size:var(--t-xs);font-style:italic;opacity:.7;margin-bottom:3px}.bubble.media{padding:5px}.bubble.media .media-frame{display:block}.bubble.media .msg-text{display:block;padding:5px 9px 2px}.media-frame{position:relative;border-radius:17px;overflow:hidden;background:var(--clay-sunk);max-width:340px;min-width:180px;min-height:120px;aspect-ratio:var(--media-ratio, auto)}.media-frame img,.media-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.media-frame{max-height:400px}.media-frame .play{position:absolute;inset:0;display:grid;place-items:center;background:#1e1a1747;color:#fff}.bubble:has(.voice,.file-card,.snap,.call-log){padding-bottom:24px}.bubble.media .msg-meta{right:12px;bottom:10px;padding:2px 8px;border-radius:var(--r-pill);background:#1e1a1780;color:#fff;z-index:2}.file-card{display:flex;align-items:center;gap:var(--s-3);padding:4px 2px;min-width:210px}.file-icon{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--ink) 8%,transparent)}.msg.mine .file-icon{background:color-mix(in srgb,var(--on-accent) 18%,transparent)}.file-name{font-weight:500;font-size:var(--t-sm)}.file-size{font-size:var(--t-xs);opacity:.75;font-family:var(--font-mono)}.voice{display:flex;align-items:center;gap:var(--s-3);min-width:214px;padding:3px 2px}.wave{flex:1;display:flex;align-items:center;gap:2.5px;height:30px;cursor:pointer}.wave i{flex:1;min-width:2px;border-radius:2px;background:currentColor;opacity:.32;transition:opacity 90ms linear}.wave i.played{opacity:1}.voice-time{font-family:var(--font-mono);font-size:var(--t-xs);opacity:.8;flex:none}.voice-speed{flex:none;padding:2px 7px;border-radius:var(--r-slab);border:1.5px solid currentColor;font-family:var(--font-mono);font-size:10px;font-weight:500;opacity:.75;color:inherit}.voice-speed:hover{opacity:1}.voice-transcript{text-align:left;font-size:var(--t-sm);line-height:1.45;opacity:.82;padding:4px 2px 2px;color:inherit;font-style:italic}.snap{display:flex;align-items:center;gap:var(--s-3);padding:6px 4px;min-width:190px}.snap-seal{width:44px;height:44px;flex:none;border-radius:13px;display:grid;place-items:center;background:var(--ochre);border:2px solid var(--ink);color:#241d10}.snap.burnt .snap-seal{background:var(--clay-sunk);color:var(--ink-faint);border-color:var(--ink-faint)}.snap-label{font-weight:600;font-size:var(--t-sm)}.snap-sub{font-size:var(--t-xs);opacity:.75}.call-log{display:flex;align-items:center;gap:var(--s-3);padding:3px 2px;min-width:180px}.call-log-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--ink) 8%,transparent);flex:none}.call-log.missed .call-log-icon{background:color-mix(in srgb,var(--rust) 20%,transparent);color:var(--rust)}.reactions{display:flex;gap:4px;margin:-8px 0 2px;padding-left:12px;align-self:inherit;z-index:2;position:relative}.msg.mine+.reactions,.reactions.mine{padding-left:0;padding-right:12px;justify-content:flex-end}.reaction{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--clay-surface);border:2px solid var(--ink);border-radius:var(--r-pill);font-size:12px;line-height:1.5;transition:transform var(--dur) var(--ease-clay)}.reaction.by-me{background:var(--accent);color:var(--on-accent)}.reaction:hover{transform:translateY(-2px)}.reaction .count{font-family:var(--font-mono);font-size:10px;font-weight:500}.radial{position:fixed;z-index:80;width:0;height:0}.radial-item{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:var(--r-pill);display:grid;place-items:center;font-size:22px;background:var(--clay-raised);box-shadow:var(--clay-2);transition:transform var(--dur-fast) var(--ease-clay)}.radial-item:hover{transform:scale(1.22)}.msg-tools{position:absolute;top:-14px;display:flex;gap:3px;padding:3px;background:var(--clay-raised);border-radius:var(--r-pill);box-shadow:var(--clay-2);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-clay),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:-6px}.msg.mine .msg-tools{left:-6px}.msg-tools button{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--r-pill);color:var(--ink-soft);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.msg-tools button:hover{background:var(--clay-sunk);color:var(--ink)}.swipe-hint{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-pill);background:var(--clay-sunk);box-shadow:var(--clay-in);color:var(--ink-faint);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-clay);pointer-events:none;z-index:-1}.msg:not(.mine) .swipe-hint{left:-42px}.msg.mine .swipe-hint{right:-42px}.msg:active .swipe-hint{opacity:1}.swipe-hint.armed{opacity:1;background:var(--accent);color:var(--on-accent);scale:1.12}.thread-tag{display:inline-flex;align-items:center;gap:6px;margin:2px 0 4px;padding:4px 11px 4px 9px;background:var(--clay-surface);border:2px solid var(--ink);border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:600;color:var(--ink);transition:transform var(--dur-fast) var(--ease-clay),background var(--dur-fast) var(--ease-out)}.thread-tag:hover{transform:translateY(-1px);background:var(--clay-raised)}.thread-tag.mine{margin-right:4px}.link-card{display:flex;gap:10px;margin-top:7px;padding:8px;border-radius:14px;background:color-mix(in srgb,var(--ink) 6%,transparent);color:inherit;text-decoration:none;max-width:330px;border-left:3px solid var(--accent)}.msg.mine .link-card{background:color-mix(in srgb,var(--on-accent) 15%,transparent);border-left-color:var(--on-accent)}.link-card:hover{filter:brightness(1.04)}.link-card-image{flex:none;width:62px;height:62px;border-radius:10px;overflow:hidden;background:var(--clay-sunk)}.link-card-image img{width:100%;height:100%;object-fit:cover}.link-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.link-card-site{font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-weight:600}.link-card-title{font-weight:600;font-size:var(--t-sm);line-height:1.32;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:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.edit-history{position:relative;z-index:80;margin-top:4px;padding:12px 14px;max-width:min(420px,82vw);display:flex;flex-direction:column;gap:8px}.edit-history-row{display:flex;gap:10px;align-items:baseline;font-size:var(--t-sm);line-height:1.45}.edit-history-row>span{flex:1;min-width:0}.media-frame img.fade-in{opacity:0;transition:opacity .26s var(--ease-out)}.media-frame img.fade-in.loaded{opacity:1}.pin-bar{position:relative;z-index:3;display:flex;align-items:center;gap:var(--s-3);padding:8px var(--s-4);background:color-mix(in srgb,var(--clay-surface) 92%,transparent);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--clay-edge);flex:none}.pin-bar-strip{display:flex;flex-direction:column;gap:2px;width:3px;flex:none}.pin-bar-strip i{flex:1;min-height:4px;border-radius:2px;background:var(--clay-edge)}.pin-bar-strip i.on{background:var(--accent)}.pin-bar-body{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:0}.pin-bar-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}.pin-bar-text{font-size:var(--t-sm);font-weight:500}.room-mood{position:relative;z-index:3;display:flex;align-items:center;gap:var(--s-2);padding:6px var(--s-4);background:color-mix(in srgb,var(--ochre) 22%,var(--clay-surface));font-size:var(--t-sm);flex:none}.room-mood .emoji{font-size:15px}.wall{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.96}.wall-object{position:absolute;transform:translate(-50%,-50%);max-width:190px;padding:10px 12px;border-radius:14px;background:var(--clay-raised);box-shadow:var(--clay-2);font-size:var(--t-sm);pointer-events:auto;cursor:default}.wall-object.note{background:color-mix(in srgb,var(--ochre) 30%,var(--clay-raised));transform:translate(-50%,-50%) rotate(-1.4deg)}.wall-object.countdown{text-align:center;font-family:var(--font-mono)}.wall-object img{border-radius:9px;max-width:100%}.wall-object .remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:var(--r-pill);background:var(--ink);color:var(--ink-invert);display:grid;place-items:center;opacity:0;transition:opacity var(--dur-fast) linear}.wall-object:hover .remove{opacity:1}.quiet-warning{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-2);padding:8px 12px;border-radius:var(--r-clay-sm);background:color-mix(in srgb,var(--clay-blue) 18%,var(--clay-surface));font-size:var(--t-sm)}.quiet-warning .grow{line-height:1.35}.typing{align-self:flex-start;display:flex;align-items:center;gap:5px;margin:4px 0 2px;padding:11px 15px;background:var(--clay-raised);border-radius:var(--r-clay);border-bottom-left-radius:8px;box-shadow:var(--clay-1)}.typing i{width:7px;height:7px;border-radius:50%;background:var(--ink-faint);animation:knead 1.25s var(--ease-out) infinite}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}@keyframes knead{0%,70%,to{transform:scale(1) translateY(0)}25%{transform:scale(1.25,.78) translateY(2px)}45%{transform:scale(.86,1.2) translateY(-4px)}}.jump{position:absolute;right:var(--s-4);bottom:12px;z-index:4}.composer{position:relative;z-index:3;flex:none;padding:var(--s-3) var(--s-4) var(--s-4);background:color-mix(in srgb,var(--clay-surface) 90%,transparent);backdrop-filter:blur(14px)}.composer-reply{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-2);padding:8px 12px;background:var(--clay-sunk);border-radius:var(--r-clay-sm);box-shadow:var(--clay-in);border-left:3px solid var(--accent)}.composer-row{display:flex;align-items:flex-end;gap:var(--s-2)}.composer-input{flex:1;display:flex;align-items:flex-end;gap:var(--s-2);padding:5px 6px 5px 8px;background:var(--clay-sunk);border-radius:var(--r-clay-lg);box-shadow:var(--clay-in);min-width:0}.composer-input textarea{flex:1;max-height:168px;padding:10px 4px;background:none;border:none;box-shadow:none;font-size:15.5px;line-height:1.45}.composer-input textarea:focus{outline:none;box-shadow:none}.composer-send{width:48px;height:48px;flex:none;border-radius:15px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);border:var(--slab-border);box-shadow:var(--slab-shadow);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.composer-send:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.composer-send:disabled{opacity:.45;cursor:not-allowed}.composer-send.recording{background:var(--rust);color:#fff}.attach-menu{position:absolute;bottom:calc(100% + 10px);left:0;display:flex;flex-direction:column;gap:4px;padding:7px;background:var(--clay-raised);border-radius:var(--r-clay);box-shadow:var(--clay-3);z-index:12;min-width:196px}.rec-bar{display:flex;align-items:center;gap:var(--s-3);flex:1;padding:11px 16px;background:var(--clay-sunk);border-radius:var(--r-clay-lg);box-shadow:var(--clay-in)}.rec-dot{width:11px;height:11px;border-radius:50%;background:var(--rust);animation:pulse-dot 1.1s 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;display:flex;align-items:center;gap:2px;height:26px}.rec-live-wave i{flex:1;background:var(--ink-faint);border-radius:2px;min-height:3px}.lightbox{position:fixed;inset:0;z-index:100;background:#14110ff0;display:grid;grid-template-rows:auto 1fr auto}.lightbox-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);color:#f7f2ea}.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-clay);object-fit:contain}.lightbox .clay-round{background:#f7f2ea1f;color:#f7f2ea;box-shadow:none}.snap-view{position:fixed;inset:0;z-index:100;background:#14110f;display:grid;grid-template-rows:auto 1fr auto;color:#f7f2ea}.snap-timer{height:5px;background:var(--ochre);transform-origin:left}.snap-view .hint{padding:var(--s-5);text-align:center;font-size:var(--t-sm);opacity:.75}.snap-view .blurred{filter:blur(28px);transition:filter .16s linear}@media(max-width:640px){.stream{padding:var(--s-3) var(--s-3) var(--s-2)}.msg{max-width:86%}.composer{padding:var(--s-2) var(--s-3) calc(var(--s-3) + env(safe-area-inset-bottom))}.media-frame{max-width:260px}}.call{position:fixed;inset:0;z-index:var(--z-call);display:grid;grid-template-rows:auto 1fr auto;background:var(--clay-bg);overflow:hidden}.call:before{content:"";position:absolute;inset:-30%;background:radial-gradient(50% 50% at 30% 20%,var(--accent) 0%,transparent 60%),radial-gradient(45% 45% at 75% 75%,var(--clay-blue) 0%,transparent 60%);opacity:.24;filter:blur(70px);animation:drift 30s var(--ease-out) infinite alternate;pointer-events:none}.call-head{position:relative;z-index:2;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-5) var(--s-5) 0}.call-state{font-size:var(--t-sm);color:var(--ink-soft);letter-spacing:.04em}.call-timer{font-family:var(--font-mono);font-size:var(--t-sm);color:var(--ink-soft)}.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-4)}.call-orb .avatar{width:168px;height:168px;font-size:54px;box-shadow:var(--clay-3)}.call-orb.ringing .avatar{animation:call-pulse 2.1s var(--ease-out) infinite}@keyframes call-pulse{0%,to{box-shadow:var(--clay-3),0 0 color-mix(in srgb,var(--accent) 40%,transparent)}55%{box-shadow:var(--clay-3),0 0 0 30px transparent}}.call-name{font-family:var(--font-display);font-size:var(--t-xl);font-weight:600;letter-spacing:-.02em;text-align:center}.call-video{position:relative;width:100%;height:100%;border-radius:var(--r-clay-lg);overflow:hidden;background:var(--clay-sunk);box-shadow:var(--clay-2)}.call-video>video{width:100%;height:100%;object-fit:cover;background:#14110f}.call-self{position:absolute;right:var(--s-4);bottom:var(--s-4);width:148px;aspect-ratio:3 / 4;border-radius:var(--r-clay);overflow:hidden;box-shadow:var(--clay-2);background:#14110f;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(--clay-sunk)}.call-controls{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:var(--s-3);padding:var(--s-5) var(--s-5) calc(var(--s-6) + env(safe-area-inset-bottom))}.call-btn{width:60px;height:60px;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--clay-surface);box-shadow:var(--clay-2);color:var(--ink);transition:transform var(--dur) var(--ease-clay),box-shadow var(--dur) var(--ease-out)}.call-btn:hover{transform:translateY(-2px)}.call-btn:active{transform:scale(.94);box-shadow:var(--clay-in)}.call-btn.off{background:var(--clay-sunk);box-shadow:var(--clay-in);color:var(--ink-faint)}.call-btn.hang{width:72px;height:72px;background:var(--rust);color:#fdf6f3;border:var(--slab-border);box-shadow:var(--slab-shadow-lg)}.call-btn.hang:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--ink)}.call-btn.accept{width:72px;height:72px;background:var(--moss);color:#f4f7f0;border:var(--slab-border);box-shadow:var(--slab-shadow-lg)}.call-btn.accept:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--ink)}.call-pill{position:fixed;z-index:var(--z-call);left:50%;top:var(--s-4);transform:translate(-50%);display:flex;align-items:center;gap:var(--s-3);padding:8px 8px 8px 16px;background:var(--ink);color:var(--ink-invert);border-radius:var(--r-pill);box-shadow:0 12px 30px #1e1a1757;cursor:pointer}.call-pill .call-timer{color:var(--ink-invert);opacity:.85}.call-pill .hang-sm{width:34px;height:34px;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--rust);color:#fff}.call-warning{position:relative;z-index:2;margin:0 auto;max-width:420px;text-align:center;font-size:var(--t-xs);color:var(--ink-faint);padding:0 var(--s-5) var(--s-3)}@media(max-width:640px){.call-orb .avatar{width:128px;height:128px;font-size:42px}.call-self{width:104px;right:var(--s-3);bottom:var(--s-3)}.call-btn{width:54px;height:54px}.call-btn.hang,.call-btn.accept{width:64px;height:64px}}