:root{--ink0:#09090B;--ink1:#101114;--ink2:#16181D;--ink3:#1C1F26;--ink4:#2A2E37;--ink9:#F4F5F7;--grey5:#A1A5B0;--grey4:#82869A;--blue500:#4F7CFF;--blue600:#3D63DB;--blue700:#2F55C8;--violet500:#8B5CF6;--violet300:#C4A7FF;--green500:#22C55E;--green700:#15803D;--amber500:#F59E0B;--amber700:#B45309;--red500:#EF4444;--red700:#DC2626;--paper0:#FFFFFF;--paper1:#F7F8FA;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:22px;--r-2xl:28px;--r-full:999px;--gutter:20px;--row:72px;--tabbar:56px;--composer:52px;--touch:44px;--bubble-max:78%;--dur-send:.32s;--dur-receive:.34s;--dur-open:.38s;--dur-tab:.22s;--dur-sheet:.34s;--dur-menu:.2s;--dur-react:.26s;--ease-out:cubic-bezier(.22,.9,.28,1);--spring:cubic-bezier(.32,.78,.28,1);--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Inter Tight","Inter",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--tone1a:#4F7CFF;--tone1b:#7C5CE8;--tone2a:#0EA5A4;--tone2b:#1FA97A;--tone3a:#F59E0B;--tone3b:#D97706;--tone4a:#EC4899;--tone4b:#B04CD8;--tone5a:#8B5CF6;--tone5b:#4F7CFF;--tone6a:#8B5CF6;--tone6b:#C084FC}[data-theme=dark]{--bg-base:#09090B;--bg-raised:#101114;--surface-card:#16181D;--surface-elevated:#1C1F26;--surface-tint:rgba(79,124,255,.14);--border-subtle:#1F2127;--border-strong:#2A2E37;--text-primary:#F4F5F7;--text-secondary:#A1A5B0;--text-tertiary:#82869A;--text-onAccent:#FFFFFF;--accent:#4F7CFF;--accent-fill:#3D63DB;--accent-ai:#8B5CF6;--success:#22C55E;--warning:#F59E0B;--danger:#EF4444;--bubble-in:#16181D;--bubble-out:rgba(79,124,255,.14);--bubble-out-text:#F4F5F7;--bubble-in-text:#F4F5F7;--scrim:rgba(0,0,0,.6);--shadow-lift:0 18px 48px rgba(0,0,0,.5);--glow:radial-gradient(120% 80% at 50% -10%, rgba(79,124,255,.16), transparent 60%)}[data-theme=light]{--bg-base:#F7F8FA;--bg-raised:#FFFFFF;--surface-card:#FFFFFF;--surface-elevated:#FFFFFF;--surface-tint:rgba(47,85,200,.09);--border-subtle:#E6E8EC;--border-strong:#D3D7DE;--text-primary:#0B0C0F;--text-secondary:#5B606B;--text-tertiary:#697080;--text-onAccent:#FFFFFF;--accent:#2F55C8;--accent-fill:#3D63DB;--accent-ai:#6D3FD4;--success:#15803D;--warning:#B45309;--danger:#DC2626;--bubble-in:#FFFFFF;--bubble-out:rgba(47,85,200,.09);--bubble-out-text:#0B0C0F;--bubble-in-text:#0B0C0F;--scrim:rgba(12,14,20,.42);--shadow-lift:0 18px 48px rgba(16,20,40,.14);--glow:radial-gradient(120% 80% at 50% -10%, rgba(47,85,200,.1), transparent 60%)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ink0);color:var(--ink9);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}input,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.16s!important;animation-iteration-count:1!important;transition-duration:.16s!important}}.stage{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:radial-gradient(90% 60% at 18% -10%,rgba(79,124,255,.1),transparent 60%),radial-gradient(70% 50% at 92% 8%,rgba(139,92,246,.09),transparent 65%),#09090b;color:#f4f5f7}.stage-head{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:16px 26px;border-bottom:1px solid #1F2127;position:sticky;top:0;z-index:40;background:#09090bd1;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}.stage-brand{display:flex;align-items:center;gap:10px}.stage-brand svg{width:19px;height:19px}.stage-word{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.2em}.stage-tag{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#82869a;border:1px solid #2A2E37;border-radius:999px;padding:4px 9px}.stage-head .spacer{margin-left:auto}.stage-btn{height:34px;padding:0 13px;border-radius:10px;border:1px solid #2A2E37;color:#a1a5b0;font-size:12.5px;display:inline-flex;align-items:center;gap:7px;transition:color .18s,border-color .18s,background .18s}.stage-btn:hover{color:#f4f5f7;border-color:#3a3f4b;background:#14161b}.stage-btn[data-on=true]{color:#f4f5f7;border-color:#4f7cff80;background:#4f7cff1f}.rail{border-right:1px solid #1F2127;padding:20px 12px 40px;overflow-y:auto;max-height:calc(100vh - 66px);position:sticky;top:66px}.rail-group{margin-bottom:22px}.rail-title{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6b6f7a;padding:0 10px;margin-bottom:8px}.rail-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:7px 10px;border-radius:9px;font-size:13px;color:#a1a5b0;transition:background .16s,color .16s}.rail-item:hover{background:#13151a;color:#f4f5f7}.rail-item[data-active=true]{background:#4f7cff21;color:#f4f5f7}.rail-id{font-family:var(--font-mono);font-size:10px;color:#6b6f7a;min-width:22px}.rail-item[data-active=true] .rail-id{color:#8faeff}.rail-note{font-size:11.5px;color:#6b6f7a;line-height:1.5;padding:0 10px;margin-top:14px}.stage-body{display:flex;justify-content:center;align-items:flex-start;padding:38px 24px 70px;min-height:calc(100vh - 66px)}.device-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.device{position:relative;width:390px;height:844px;border-radius:54px;padding:10px;background:linear-gradient(160deg,#23262e,#0c0d11 55%,#050507);box-shadow:0 40px 120px #000000a6,inset 0 0 0 1px #ffffff14;flex:none}.device:after{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:118px;height:26px;border-radius:0 0 18px 18px;background:#050507;z-index:20}.screen{position:relative;width:100%;height:100%;border-radius:44px;overflow:hidden;background:var(--bg-base);color:var(--text-primary);display:flex;flex-direction:column;isolation:isolate}.device-caption{font-size:11.5px;color:#6b6f7a;letter-spacing:.02em;text-align:center;max-width:390px}.device-caption b{color:#a1a5b0;font-weight:500}.statusbar{height:44px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 26px 0 32px;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--text-primary);position:relative;z-index:12}.statusbar .icons{display:flex;align-items:center;gap:5px;opacity:.9}.statusbar svg{width:15px;height:15px}.navbar{flex:none;display:flex;align-items:center;gap:12px;padding:6px var(--gutter) 12px;position:relative;z-index:11}.navbar h1{font-family:var(--font-display);font-size:28px;line-height:34px;font-weight:600;letter-spacing:-.018em;margin:0;flex:1}.iconbtn{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;color:var(--text-secondary);border:1px solid transparent;transition:color .18s,background .18s,border-color .18s,transform .18s}.iconbtn:hover{color:var(--text-primary);background:var(--surface-card);border-color:var(--border-subtle)}.iconbtn:active{transform:scale(.94)}.iconbtn svg{width:21px;height:21px;stroke-width:1.75}.body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.body::-webkit-scrollbar{display:none}.pad{padding:0 var(--gutter)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.splash{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(70% 50% at 50% 35%,rgba(79,124,255,.2),transparent 62%),var(--bg-base);z-index:30}.splash-mark{position:relative;display:grid;place-items:center}.splash-mark svg{width:78px;height:78px;filter:drop-shadow(0 10px 34px rgba(139,92,246,.45))}.splash-ring{position:absolute;width:172px;height:172px;border-radius:50%;border:1px solid var(--border-strong);opacity:0;animation:ringOut 2.2s var(--ease-out) infinite}.splash-ring.d2{animation-delay:.7s}@keyframes ringOut{0%{transform:scale(.55);opacity:.5}70%{opacity:0}to{transform:scale(1.25);opacity:0}}.rise{animation:rise .7s var(--spring) both}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}.splash-word{position:absolute;bottom:128px;font-family:var(--font-display);font-size:13px;letter-spacing:.44em;text-indent:.44em;color:var(--text-tertiary);text-transform:uppercase}.splash-tag{position:absolute;bottom:34px;font-size:11px;color:var(--text-tertiary);letter-spacing:.04em}.welcome{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:0 var(--gutter) 30px}.welcome-art{flex:1;display:grid;place-items:center;position:relative;min-height:0}.orbit-lines{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.orbit-lines span{position:absolute;border-radius:50%;border:1px solid var(--border-subtle)}.orbit-lines span:nth-child(1){width:270px;height:270px}.orbit-lines span:nth-child(2){width:200px;height:200px;border-style:dashed;border-color:var(--border-strong);animation:slowSpin 60s linear infinite}.orbit-lines span:nth-child(3){width:132px;height:132px}@keyframes slowSpin{to{transform:rotate(360deg)}}.welcome-mark{width:96px;height:96px;position:relative;z-index:2;filter:drop-shadow(0 14px 40px rgba(79,124,255,.35))}.welcome-copy h2{font-family:var(--font-display);font-size:34px;line-height:1.06;letter-spacing:-.03em;font-weight:600;margin:0 0 14px}.welcome-copy p{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0 0 26px;max-width:32ch}.btn{width:100%;height:52px;border-radius:var(--r-md);font-size:15.5px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s var(--ease-out),background .18s,box-shadow .18s,border-color .18s}.btn:active{transform:scale(.985)}.btn-primary{background:var(--accent-fill);color:#fff;box-shadow:0 10px 28px #3d63db52}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 34px #3d63db66}.btn-primary:disabled{opacity:.4;box-shadow:none;cursor:not-allowed;transform:none}.btn-ghost{border:1px solid var(--border-strong);color:var(--text-primary);background:transparent}.btn-ghost:hover{background:var(--surface-card)}.btn-text{width:auto;height:44px;color:var(--text-secondary);font-size:14px;font-weight:500}.btn-text:hover{color:var(--text-primary)}.auth{flex:1;display:flex;flex-direction:column;padding:8px var(--gutter) 26px}.auth-step{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:14px}.auth h2{font-family:var(--font-display);font-size:28px;line-height:1.14;letter-spacing:-.022em;font-weight:600;margin:0 0 10px}.auth p.sub{font-size:15px;line-height:1.55;color:var(--text-secondary);margin:0 0 26px;max-width:34ch}.field{display:flex;align-items:center;gap:10px;height:56px;padding:0 16px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--r-md);transition:border-color .2s,background .2s}.field:focus-within{border-color:var(--accent);background:var(--surface-elevated)}.field input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--text-primary);font-size:16px;letter-spacing:-.005em}.field input::placeholder{color:var(--text-tertiary)}.field .cc{display:flex;align-items:center;gap:6px;padding-right:12px;margin-right:2px;border-right:1px solid var(--border-subtle);color:var(--text-primary);font-size:15px;font-weight:500}.field .cc svg{width:14px;height:14px;color:var(--text-tertiary)}.field-cap{font-size:12.5px;color:var(--text-tertiary);margin:10px 2px 0;line-height:1.5}.field-cap.err{color:var(--danger)}.otp-row{display:flex;gap:10px;margin-bottom:8px}.otp-box{flex:1;height:60px;border-radius:var(--r-md);background:var(--surface-card);border:1px solid var(--border-subtle);display:grid;place-items:center;font-size:22px;font-weight:500;font-family:var(--font-mono);color:var(--text-primary);transition:border-color .18s,background .18s,transform .18s}.otp-box[data-filled=true]{border-color:var(--border-strong)}.otp-box[data-cursor=true]{border-color:var(--accent);background:var(--surface-elevated)}.otp-box.err{border-color:var(--danger);animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;padding-top:18px}.keypad button{height:52px;border-radius:var(--r-md);font-size:20px;font-weight:400;color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-subtle);transition:background .14s,transform .14s}.keypad button:hover{background:var(--surface-elevated)}.keypad button:active{transform:scale(.96);background:var(--surface-tint)}.keypad .ghost{background:transparent;border-color:transparent}.handle-state{display:flex;align-items:center;gap:7px;font-size:13px;margin-top:12px}.handle-state.ok{color:var(--success)}.handle-state.bad{color:var(--danger)}.handle-state.busy{color:var(--text-tertiary)}.handle-state svg{width:15px;height:15px}.rules{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.rule{font-size:11.5px;padding:5px 10px;border-radius:999px;color:var(--text-tertiary);border:1px solid var(--border-subtle);transition:all .2s}.rule[data-ok=true]{color:var(--success);border-color:#22c55e66;background:#22c55e14}.suggests{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.suggest{font-size:13px;padding:8px 13px;border-radius:999px;background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all .18s}.suggest:hover{border-color:var(--accent);color:var(--text-primary)}.avatar{position:relative;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:500;color:#fff;letter-spacing:-.01em;overflow:visible;background:linear-gradient(150deg,#3a4463,#1d2130)}.avatar[data-tone="1"]{background:linear-gradient(150deg,#4f7cff,#2f55c8)}.avatar[data-tone="2"]{background:linear-gradient(150deg,#8b5cf6,#5b34c4)}.avatar[data-tone="3"]{background:linear-gradient(150deg,#2f855a,#166534)}.avatar[data-tone="4"]{background:linear-gradient(150deg,#b7791f,#8a5a12)}.avatar[data-tone="5"]{background:linear-gradient(150deg,#b83280,#8b1d5f)}.avatar .dot{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;background:var(--success);border:2.5px solid var(--bg-base)}.avatar .dot.off{background:var(--text-tertiary)}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}.badge-plain{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent-fill);color:#fff;font-size:11.5px;font-weight:600;display:grid;place-items:center}.searchbar{display:flex;align-items:center;gap:9px;height:40px;margin:0 var(--gutter) 14px;padding:0 13px;border-radius:var(--r-sm);background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:14.5px;transition:border-color .18s,background .18s}.searchbar:hover{border-color:var(--border-strong);background:var(--surface-elevated)}.searchbar svg{width:16px;height:16px}.segmented{display:flex;gap:2px;padding:3px;margin:0 var(--gutter) 12px;background:var(--surface-card);border-radius:var(--r-xs);border:1px solid var(--border-subtle)}.segmented button{flex:1;height:30px;border-radius:5px;font-size:12.5px;font-weight:500;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;gap:6px;transition:color .18s,background .22s}.segmented button[data-on=true]{background:var(--surface-elevated);color:var(--text-primary)}.segmented svg{width:14px;height:14px}.section-label{display:flex;align-items:baseline;gap:8px;padding:14px var(--gutter) 6px;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-tertiary)}.section-label b{font-weight:500;letter-spacing:.13em}.section-label i{font-style:normal;font-family:var(--font-mono);font-size:10px;color:#5f636e}.row{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:12px var(--gutter);min-height:var(--row);transition:background .16s}.row-main{flex:1;min-width:0}.row-top{display:flex;align-items:baseline;gap:8px}.row-name{font-size:15.5px;font-weight:500;letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{margin-left:auto;font-size:11.5px;color:var(--text-tertiary);flex:none}.row-preview{margin-top:3px;font-size:13.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}.row-preview svg{width:13px;height:13px;flex:none}.row[data-unread=true] .row-preview{color:var(--text-primary)}.row[data-unread=true] .row-name{font-weight:600}.row-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}.orbit-hint{font-size:10.5px;color:#5f636e;letter-spacing:.02em}.conv-head{flex:none;display:flex;align-items:center;gap:11px;padding:4px var(--gutter) 12px;border-bottom:1px solid var(--border-subtle);position:relative;z-index:11;background:color-mix(in srgb,var(--bg-base) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.conv-head .name{font-size:15.5px;font-weight:500;letter-spacing:-.01em;line-height:1.2}.conv-head .status{font-size:11.5px;color:var(--text-tertiary);margin-top:2px}.conv-head .status[data-online=true]{color:var(--success)}.thread{padding:14px var(--gutter) 10px;display:flex;flex-direction:column;gap:3px}.day-sep{align-self:center;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);padding:10px 0 12px}.msg{display:flex;gap:8px;max-width:100%;position:relative}.msg.out{justify-content:flex-end}.bubble{position:relative;max-width:var(--bubble-max);padding:9px 13px 8px;border-radius:var(--r-xl);font-size:15px;line-height:1.42;letter-spacing:-.004em;background:var(--bubble-in);color:var(--bubble-in-text);border-bottom-left-radius:var(--r-xs);animation:msgIn var(--dur-receive) var(--spring) both;word-break:break-word}.msg.out .bubble{background:var(--bubble-out);color:var(--bubble-out-text);border-bottom-left-radius:var(--r-xl);border-bottom-right-radius:var(--r-xs)}@keyframes msgIn{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}.msg[data-new=true] .bubble{animation-duration:var(--dur-send)}.bubble .stamp{font-size:10.5px;font-variant-numeric:tabular-nums;opacity:.62;margin-left:8px;display:inline-flex;align-items:center;gap:3px;vertical-align:baseline;white-space:nowrap}.bubble .stamp svg{width:13px;height:13px;stroke-width:2}.msg.out .bubble .stamp{color:#fffc}.quote{display:flex;gap:8px;padding:6px 9px;margin:-2px 0 6px;border-radius:var(--r-sm);background:#ffffff12;border-left:2px solid rgba(255,255,255,.35);font-size:12.5px;line-height:1.35;color:#ffffffd1}.msg:not(.out) .quote{background:var(--surface-tint);border-left-color:var(--accent);color:var(--text-secondary)}.quote b{display:block;font-weight:500;font-size:11.5px;margin-bottom:1px;opacity:.9}.reactions{display:flex;gap:4px;margin-top:-4px;margin-left:6px;align-self:flex-start;flex-wrap:wrap}.msg.out .reactions{align-self:flex-end;margin-right:6px;margin-left:0}.reaction{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--surface-elevated);border:1px solid var(--border-strong);animation:popIn var(--dur-react) var(--spring) both}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.reaction.mine{border-color:#4f7cff8c;background:var(--surface-tint)}.voice{display:flex;align-items:center;gap:10px;min-width:190px;padding:2px 0}.voice .play{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffffff29;flex:none}.voice.out .play{background:#ffffff38}.voice .play svg{width:13px;height:13px;fill:currentColor;stroke:none}.wave{display:flex;align-items:center;gap:2px;flex:1;height:26px}.wave i{display:block;width:2.5px;border-radius:2px;background:currentColor;opacity:.55}.wave i.on{opacity:1}.voice .dur{font-size:11.5px;font-variant-numeric:tabular-nums;opacity:.8}.typing{display:flex;gap:4px;align-items:center;padding:11px 14px;background:var(--bubble-in);border-radius:var(--r-xl) var(--r-xl) var(--r-xl) var(--r-xs);width:fit-content;margin-top:2px}.typing i{width:5px;height:5px;border-radius:50%;background:var(--text-tertiary);animation:blink 1.3s infinite}.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}@keyframes blink{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.composer{flex:none;display:flex;align-items:flex-end;gap:8px;padding:10px var(--gutter) 12px;border-top:1px solid var(--border-subtle);background:var(--bg-base)}.composer .attach{width:38px;height:44px;display:grid;place-items:center;color:var(--text-secondary);flex:none}.composer .attach:hover{color:var(--text-primary)}.composer .attach svg{width:21px;height:21px;stroke-width:1.75}.composer .inputwrap{flex:1;display:flex;align-items:center;min-height:44px;max-height:120px;padding:0 14px;border-radius:var(--r-xl);background:var(--surface-card);border:1px solid var(--border-subtle);transition:border-color .18s}.composer .inputwrap:focus-within{border-color:var(--border-strong)}.composer textarea{flex:1;resize:none;border:0;outline:none;background:none;color:var(--text-primary);font-size:15.5px;line-height:1.4;padding:11px 0;max-height:96px}.composer textarea::placeholder{color:var(--text-tertiary)}.send{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--accent-fill);color:#fff;transition:transform .18s var(--spring),opacity .18s}.send:disabled{opacity:.35;background:var(--surface-elevated);color:var(--text-tertiary)}.send:not(:disabled):active{transform:scale(.9)}.send svg{width:17px;height:17px;stroke-width:2}.send.mic{background:var(--surface-card);color:var(--text-secondary);border:1px solid var(--border-subtle)}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;animation:fade .2s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:41;padding:10px var(--gutter) 26px;background:var(--surface-elevated);border-radius:var(--r-2xl) var(--r-2xl) 0 0;border-top:1px solid var(--border-strong);box-shadow:0 -24px 64px #00000080;animation:sheetUp var(--dur-sheet) var(--spring) both}.sheet-grab{width:38px;height:4px;border-radius:999px;background:var(--border-strong);margin:2px auto 14px}.sheet h3{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-tertiary);font-weight:500;margin:0 0 10px}.react-row{display:flex;gap:7px;margin-bottom:16px;flex-wrap:wrap}.react-row button{width:42px;height:42px;border-radius:50%;background:var(--surface-card);border:1px solid var(--border-subtle);font-size:19px;display:grid;place-items:center;transition:transform .18s var(--spring),background .18s}.react-row button:hover{transform:translateY(-3px) scale(1.06);background:var(--surface-tint)}.sheet-item{display:flex;align-items:center;gap:13px;width:100%;padding:13px 4px;font-size:15px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);text-align:left}.sheet-item:last-of-type{border-bottom:0}.sheet-item svg{width:19px;height:19px;color:var(--text-secondary);stroke-width:1.75}.sheet-item.danger{color:var(--danger)}.sheet-item.danger svg{color:var(--danger)}.attach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:4px 0 8px}.attach-grid button{display:grid;gap:7px;justify-items:center;font-size:11.5px;color:var(--text-secondary)}.attach-grid span{width:52px;height:52px;border-radius:var(--r-lg);background:var(--surface-card);border:1px solid var(--border-subtle);display:grid;place-items:center;transition:transform .18s var(--spring)}.attach-grid button:hover span{transform:translateY(-3px);border-color:var(--accent)}.attach-grid svg{width:21px;height:21px;color:var(--accent)}.tabbar{flex:none;height:calc(var(--tabbar) + 20px);padding-bottom:16px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;border-top:1px solid var(--border-subtle);background:var(--bg-base);position:relative;z-index:12}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:2px;color:var(--text-tertiary);font-size:10px;letter-spacing:.02em;position:relative;transition:color .2s}.tab svg{width:22px;height:22px;stroke-width:1.7;transition:transform .22s var(--spring)}.tab[data-on=true]{color:var(--text-primary)}.tab[data-on=true] svg{transform:translateY(-1px)}.tab[data-on=true]:after{content:"";position:absolute;top:-1px;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.tab .ping{position:absolute;top:4px;right:calc(50% - 18px);width:6px;height:6px;border-radius:50%;background:var(--accent)}.settings-group{margin:8px 0 0}.group-title{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-tertiary);padding:16px var(--gutter) 6px;font-weight:500}.srow{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:13px var(--gutter);min-height:56px;transition:background .16s}.srow:hover{background:var(--surface-card)}.srow .ico{width:32px;height:32px;border-radius:9px;background:var(--surface-card);border:1px solid var(--border-subtle);display:grid;place-items:center;flex:none;color:var(--text-secondary)}.srow .ico svg{width:16px;height:16px;stroke-width:1.75}.srow .txt{flex:1;min-width:0}.srow .label{font-size:15px;letter-spacing:-.008em}.srow .sub{font-size:12px;color:var(--text-tertiary);margin-top:2px;line-height:1.4}.srow .chev{width:16px;height:16px;color:var(--text-tertiary);flex:none}.srow .value{font-size:13px;color:var(--text-tertiary);margin-right:2px}.switch{width:46px;height:28px;border-radius:999px;background:var(--surface-elevated);border:1px solid var(--border-strong);padding:2px;flex:none;transition:background .22s,border-color .22s}.switch i{display:block;width:22px;height:22px;border-radius:50%;background:var(--text-tertiary);transition:transform .24s var(--spring),background .22s}.switch[data-on=true]{background:var(--accent-fill);border-color:var(--accent-fill)}.switch[data-on=true] i{transform:translate(18px);background:#fff}.pcard{margin:6px var(--gutter) 18px;padding:22px 18px;border-radius:var(--r-xl);background:linear-gradient(160deg,rgba(79,124,255,.14),rgba(139,92,246,.08) 60%,transparent);border:1px solid var(--border-subtle);display:flex;align-items:center;gap:15px}.pcard .who{flex:1;min-width:0}.pcard .name{font-family:var(--font-display);font-size:21px;font-weight:600;letter-spacing:-.02em}.pcard .handle{font-size:13px;color:var(--text-secondary);margin-top:3px}.pcard .bio{font-size:13px;color:var(--text-tertiary);margin-top:9px;line-height:1.45}.qr{width:40px;height:40px;border-radius:10px;background:var(--surface-card);border:1px solid var(--border-strong);display:grid;place-items:center;color:var(--text-secondary);flex:none}.qr svg{width:19px;height:19px}.chips{display:flex;gap:7px;padding:2px var(--gutter) 12px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;font-size:12.5px;padding:7px 12px;border-radius:999px;background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;gap:6px;transition:all .18s}.chip svg{width:13px;height:13px}.chip[data-on=true]{background:var(--surface-tint);border-color:#4f7cff80;color:var(--text-primary)}.chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.empty{padding:46px var(--gutter);text-align:center;color:var(--text-tertiary)}.empty svg{width:26px;height:26px;margin:0 auto 12px;opacity:.7}.empty p{font-size:14px;line-height:1.55;margin:0;max-width:30ch;margin-inline:auto}mark{background:#4f7cff47;color:inherit;border-radius:2px;padding:0 1px}.future{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 34px 40px;text-align:center;gap:0}.future .glyph{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;margin-bottom:22px;background:linear-gradient(160deg,#4f7cff29,#8b5cf61a);border:1px solid var(--border-subtle);position:relative}.future .glyph svg{width:30px;height:30px;color:var(--accent);stroke-width:1.5}.future h2{font-family:var(--font-display);font-size:24px;letter-spacing:-.022em;font-weight:600;margin:0 0 10px}.future p{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0 0 20px;max-width:30ch}.future-list{width:100%;display:grid;gap:1px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border-subtle)}.future-list div{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface-card);font-size:13px;color:var(--text-secondary);text-align:left}.future-list svg{width:15px;height:15px;color:var(--text-tertiary);flex:none}.future-list em{font-style:normal;margin-left:auto;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-family:var(--font-mono)}.vtag{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);border:1px solid var(--border-strong);border-radius:999px;padding:5px 11px;margin-bottom:20px}.notes{width:290px;flex:none;align-self:flex-start;position:sticky;top:100px;border-left:1px solid #1F2127;padding:6px 0 0 22px}.notes h4{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#6b6f7a;margin:0 0 12px;font-weight:500}.notes .nid{font-family:var(--font-mono);font-size:11px;color:#8faeff;margin-bottom:4px}.notes h5{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.015em;margin:0 0 10px;color:#f4f5f7}.notes p{font-size:12.5px;line-height:1.6;color:#8d919c;margin:0 0 14px}.notes ul{margin:0 0 16px;padding-left:16px;font-size:12.5px;line-height:1.6;color:#8d919c}.notes li{margin-bottom:6px}.notes .gate{font-size:11.5px;line-height:1.55;color:#a1a5b0;border:1px solid #2A2E37;border-radius:10px;padding:10px 12px;background:#101114}@media (max-width:1180px){.notes{display:none}}@media (max-width:940px){.stage{grid-template-columns:1fr}.rail{display:none}.device{transform:scale(.94);transform-origin:top center}}@media (max-width:460px){.device{width:100%;height:auto;border-radius:34px;padding:8px}.device:after{display:none}.screen{border-radius:28px;min-height:664px;height:min(812px,82vh)}.stage-body{padding:16px 10px 40px}}.statusbar{height:54px;padding:0 30px 0 34px;font-size:15px;font-weight:600;letter-spacing:0}.statusbar .sb-right{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--text-secondary)}.statusbar .icons{display:none}.bat{width:21px;height:10.5px;border:1px solid currentColor;border-radius:3px;position:relative;display:block;opacity:.85}.bat:before{content:"";position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;width:68%;background:currentColor;border-radius:1px}.s-h1{font-family:var(--font-display);font-size:34px;line-height:40px;font-weight:600;letter-spacing:-.032em;margin:0}.s-h1.sm{font-size:30px;line-height:36px}.s-h2{font-family:var(--font-display);font-size:22px;line-height:28px;font-weight:600;letter-spacing:-.02em;margin:0}.s-sub{font-size:12.5px;color:var(--text-tertiary);line-height:1.5;margin:0}.sec-label{font-size:10px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--text-tertiary);padding:0 20px;margin:15px 0 7px}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:2px 20px 10px;flex:0 0 auto}.tb-actions{display:flex;gap:2px;color:var(--text-primary)}.ic-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:inherit}.ic-btn:hover{background:var(--surface-card)}.chipbar{display:flex;gap:7px;padding:0 20px 6px;flex:0 0 auto}.chip{font-size:12.5px;padding:6px 13px;border-radius:999px;white-space:nowrap;border:1px solid var(--border-subtle);color:var(--text-secondary);background:transparent}.chip[data-on=true]{background:var(--surface-tint);border-color:#4f7cff73;color:var(--accent)}.av{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:600;color:#fff;flex:0 0 auto;letter-spacing:.01em;position:relative}.av.a1{background:linear-gradient(140deg,var(--tone1a),var(--tone1b))}.av.a2{background:linear-gradient(140deg,var(--tone2a),var(--tone2b))}.av.a3{background:linear-gradient(140deg,var(--tone3a),var(--tone3b))}.av.a4{background:linear-gradient(140deg,var(--tone4a),var(--tone4b))}.av.a5{background:linear-gradient(140deg,var(--tone5a),var(--tone5b))}.av.a6{background:linear-gradient(140deg,var(--tone6a),var(--tone6b))}.av .dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--success);border:2.5px solid var(--bg-base)}.av .dot[data-on=false]{background:var(--text-tertiary)}.row{display:flex;align-items:center;gap:12px;padding:0 20px;height:70px;flex:0 0 auto;width:100%;text-align:left;background:transparent;color:inherit}.row:hover{background:var(--surface-card)}.r-body{flex:1;min-width:0}.r-body b{display:block;font-size:15.5px;font-weight:500;letter-spacing:-.01em;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.r-body span{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r-side{text-align:right;font-size:11px;color:var(--text-tertiary);display:flex;flex-direction:column;align-items:flex-end;gap:5px}.unread{width:7px;height:7px;border-radius:50%;background:var(--accent);display:block}.badge-plain{display:none}.inner-card{margin:0 20px 8px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:18px;padding:12px 14px;flex:0 0 auto;text-align:left;width:calc(100% - 40px);display:block;color:inherit}.ic-top{display:flex;align-items:center;gap:10px}.ic-top svg{color:var(--text-tertiary);width:13px;height:13px;flex:none}.ic-who{flex:1;min-width:0}.ic-who b{display:block;font-size:14.5px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.ic-who span{font-size:11px;color:var(--text-tertiary)}.inner-card p{margin:9px 0 0;font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ic-foot{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:10.5px;color:var(--text-tertiary)}.ic-foot .ok{color:var(--success);display:flex;align-items:center;gap:4px}.ic-foot .push{margin-left:auto;color:var(--accent)}.drift{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-size:12px;color:var(--text-tertiary);border-top:1px solid var(--border-subtle);margin-top:6px;flex:0 0 auto;width:100%;background:transparent}.fab{position:absolute;right:18px;bottom:92px;width:54px;height:54px;border-radius:50%;background:var(--accent-fill);color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px #3d63db66;z-index:5}.tabbar{margin-top:auto;display:flex;padding:9px 4px 24px;flex:0 0 auto;border-top:1px solid var(--border-subtle);background:var(--bg-raised)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9.5px;color:var(--text-tertiary);font-weight:500}.tab svg{width:22px;height:22px}.tab[data-on=true]{color:var(--accent)}.tab[data-on=true]:after{content:none}.tab[data-on=true] svg{transform:none}.bubble{max-width:78%;padding:9px 13px;border-radius:20px;font-size:15px;line-height:21px;width:fit-content;letter-spacing:0}.msg .bubble{background:var(--bubble-in);color:var(--bubble-in-text);border:1px solid var(--border-subtle);border-bottom-left-radius:5px}.msg.out .bubble{background:var(--bubble-out);color:var(--bubble-out-text);border-color:transparent;border-bottom-left-radius:20px;border-bottom-right-radius:5px}.bubble .stamp{font-size:9px;opacity:1;color:var(--text-tertiary);margin-left:8px;vertical-align:1px}.msg.out .bubble .stamp{color:var(--text-tertiary)}.bubble .stamp svg{width:12px;height:12px;stroke-width:2.2}.reactions{align-self:flex-start;margin:0 0 2px 3px}.msg.out .reactions{align-self:flex-end;margin:0 3px 2px 0}.reaction{font-size:10.5px;padding:3px 8px;border-radius:999px;background:var(--surface-card);border:1px solid var(--border-subtle)}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}.bubble{animation:bubbleIn .34s cubic-bezier(.2,.9,.3,1.1) both}.composer{display:flex;align-items:center;gap:9px;padding:8px 13px 24px;border-top:1px solid var(--border-subtle);flex:0 0 auto}.composer .plus,.plus{width:36px;height:36px;border-radius:50%;background:var(--surface-card);border:1px solid var(--border-subtle);display:grid;place-items:center;color:var(--text-secondary);flex:0 0 auto}.composer .input{flex:1;min-height:38px;display:flex;align-items:center;padding:0 14px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:12px}.composer .input textarea{width:100%;border:0;outline:none;background:transparent;resize:none;padding:9px 0;font-size:14px;line-height:20px;color:var(--text-primary);max-height:96px}.composer .input textarea::placeholder{color:var(--text-tertiary)}.composer .send{width:34px;height:34px;border-radius:50%;background:var(--accent-fill);color:#fff;display:grid;place-items:center;flex:0 0 auto}.sheet{animation:sheetUp .34s cubic-bezier(.16,.86,.24,1) both;border-radius:24px 24px 0 0}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}.reaction{animation:reactIn .26s cubic-bezier(.2,.7,.3,1.5) both}@keyframes reactIn{60%{transform:scale(1.08)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.bubble,.sheet,.reaction{animation-duration:.001ms!important}}.intro{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 28px;flex:1;position:relative}.intro-mark{width:62px;height:62px}.intro-mark svg{width:100%;height:100%;filter:drop-shadow(0 8px 24px rgba(139,92,246,.35))}.intro-word{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.34em;text-indent:.34em;color:var(--text-tertiary);margin-top:20px;text-transform:uppercase}.intro-title{font-family:var(--font-display);font-size:31px;line-height:37px;font-weight:600;letter-spacing:-.035em;margin:26px 0 12px;color:var(--text-primary)}.intro-sub{font-size:15px;line-height:1.5;color:var(--text-secondary);margin:0}.intro-actions{width:100%;margin-top:34px;display:flex;flex-direction:column;gap:9px}.p-btn{height:50px;border-radius:14px;border:1px solid transparent;width:100%;font-family:var(--font);font-size:14.5px;font-weight:600;cursor:pointer;transition:filter .15s ease}.p-btn.primary{background:var(--accent-fill);color:#fff}.p-btn.ghost{background:transparent;color:var(--text-secondary);font-weight:500}.intro-foot{position:absolute;bottom:28px;left:0;right:0;font-size:10px;color:var(--text-tertiary);line-height:1.6;padding:0 30px}.splash{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:30;background:radial-gradient(60% 45% at 50% 42%,rgba(79,124,255,.16),transparent 70%),var(--bg-base)}.splash-mark{position:relative;display:grid;place-items:center;width:210px;height:210px}.splash-ring{position:absolute;width:196px;height:196px;border-radius:50%;border:1px solid var(--border-strong);animation:ringSettle 1.7s cubic-bezier(.22,.9,.28,1) both}.splash-ring.dashed{width:136px;height:136px;border-style:dashed;opacity:.7;animation-delay:.06s}.splash-dot{position:absolute;top:7px;left:50%;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:dotFade 1.8s ease both}.splash-star{filter:drop-shadow(0 8px 24px rgba(139,92,246,.35));animation:starSettle .8s cubic-bezier(.32,.78,.28,1) both}.splash .intro-word{position:absolute;bottom:124px;margin:0}@keyframes ringSettle{0%{transform:scale(.72);opacity:0}to{transform:scale(1);opacity:1}}@keyframes dotFade{0%{opacity:0}60%{opacity:1}to{opacity:.55}}@keyframes starSettle{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.app-pad{padding:0 20px 22px;display:flex;flex-direction:column;flex:1;min-height:0}.nav-row{display:flex;align-items:center;gap:10px;height:36px;flex:0 0 auto;color:var(--text-primary)}.nav-row .spacer{flex:1}.comm-head{text-align:center;padding:4px 0 14px}.comm-mark{width:54px;height:54px;border-radius:16px;margin:0 auto;display:grid;place-items:center;background:linear-gradient(150deg,var(--ink3),var(--ink1));border:1px solid rgba(255,255,255,.09)}.mt12{margin-top:12px}.seg{display:flex;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:11px;padding:3px;margin-bottom:14px}.seg button{flex:1;text-align:center;font-size:12px;padding:6px 0;color:var(--text-tertiary);border-radius:8px;font-weight:500}.seg button.active{background:var(--surface-elevated);color:var(--text-primary);box-shadow:0 1px 2px #0003}.comm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.comm-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:14px;padding:11px 12px;text-align:left}.cc-k{font-family:var(--font-mono);font-size:12px;color:var(--accent);display:block}.cc-k.live{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #22c55e24}.comm-card b{display:block;font-size:12px;font-weight:500;margin:7px 0 2px;color:var(--text-primary)}.comm-card em{font-style:normal;font-size:9.5px;color:var(--text-tertiary)}.ev{display:flex;align-items:center;gap:11px;padding:8px 0}.ev-date{font-family:var(--font-mono);font-size:9.5px;color:var(--text-tertiary);width:44px;text-align:center;line-height:1.5;flex:0 0 auto}.ev b{display:block;font-size:12.5px;font-weight:500;color:var(--text-primary)}.ev span{font-size:10px;color:var(--text-tertiary)}.canon{margin-top:auto;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:14px;padding:11px 13px}.canon-label{font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.canon p{font-size:11.5px;line-height:1.55;color:var(--text-secondary);margin:7px 0 0}.live-card{margin:0 20px;border-radius:18px;padding:14px;background:linear-gradient(150deg,#4f7cff33,#8b5cf61a);border:1px solid rgba(79,124,255,.28)}.lc-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--text-secondary);letter-spacing:.03em}.live-pill{display:inline-flex;align-items:center;gap:5px;color:var(--success);font-weight:600}.live-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.live-card b{display:block;font-size:15px;font-weight:600;margin-top:9px;letter-spacing:-.01em}.lc-wave{display:flex;align-items:center;gap:3px;height:26px;margin:11px 0}.lc-wave i{flex:1;background:#ffffff8c;border-radius:2px;height:30%}.lc-wave i:nth-child(2n){height:70%}.lc-wave i:nth-child(3n){height:100%}.lc-wave i:nth-child(4n){height:45%}.lc-wave i:nth-child(5n){height:85%}.lc-meta{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-secondary);margin-bottom:11px}.net-note{display:flex;gap:6px;align-items:flex-start;margin:auto 20px 10px;font-size:10px;color:var(--text-tertiary);line-height:1.5}.net-note b{color:var(--text-secondary);font-weight:500}.missed{color:var(--danger)!important}.p-btn.sm{height:42px;font-size:13px;border-radius:11px;width:auto;padding:0 18px}.navbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 20px 10px;flex:0 0 auto}.navbar h1{font-family:var(--font-display);font-size:30px;line-height:36px;font-weight:600;letter-spacing:-.032em;margin:0}.iconbtn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--text-primary)}.iconbtn:hover{background:var(--surface-card);border-color:transparent}.iconbtn svg{width:22px;height:22px;stroke-width:1.75}.srow .chev{width:18px;height:18px;color:var(--text-tertiary);flex:none}.body .pcard,.body .settings-group,.body .future{margin:0 20px}.body .pcard{margin-top:4px}.row{min-height:70px}