:root{--bg:#f6faf8;--ink:#16211e;--ink-soft:#4c5f5a;--ink-faint:#7d908b;--line:#dbe6e2;--card:#ffffff;--screen:#eef4f1;--accent:#0d7a68;--accent-soft:#d9ede8;--claude:#bb5535;--claude-soft:#f7e7e0;--amber:#96660f;--plum:#7a4d8f;--sky:#27618a;--rose:#a53d6d;--own-bubble:#d3ece5;--other-bubble:#ffffff;--bubble-line:#e2ebe8;--danger:#b03a2e;--danger-soft:#f9e5e2;--list-bg:#ffffff}@media (prefers-color-scheme:dark){:root{--bg:#080d0b;--ink:#e6eeeb;--ink-soft:#9fb3ad;--ink-faint:#6c807a;--line:#1e2925;--card:#0f1613;--screen:#0b100e;--accent:#3cb79e;--accent-soft:#143229;--claude:#e0906e;--claude-soft:#33201a;--amber:#d6a344;--plum:#b58cc9;--sky:#7fb1d4;--rose:#d78fb4;--own-bubble:#123028;--other-bubble:#151f1b;--bubble-line:#1f2d28;--danger:#e07b6d;--danger-soft:#3a1f1b}}*{box-sizing:border-box;margin:0}body,html{height:100%}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation}button{font:inherit;cursor:pointer;border:0}input,textarea{font:inherit;color:inherit}.shell{max-width:640px;margin:0 auto;min-height:100dvh;flex-direction:column}.shell,.split{display:flex;background:var(--screen)}.split{height:100dvh;width:100%;overflow:hidden}.pane-list{display:flex;flex-direction:column;width:100%;background:var(--card);overflow-y:auto;position:relative}.pane-list.desktop-only{display:none}.pane-chat{flex:1 1;display:flex;flex-direction:column;min-width:0;height:100%;position:relative}.pane-detail{display:none}.room.sel{background:var(--accent-soft)}@media (min-width:900px){.pane-list,.pane-list.desktop-only{display:flex;width:360px;flex:none;border-right:1px solid var(--line)}.pane-chat .msg{max-width:58%}.pane-chat .chat{padding:18px 26px}.pane-detail{display:flex;flex:1 1;align-items:center;justify-content:center;color:var(--ink-faint);font-size:14px;padding:40px;text-align:center}}.appbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:5}.appbar .title{font-weight:700;font-size:17px}.appbar .sub{font-size:12px;color:var(--ink-faint)}.spacer{flex:1 1}.avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex:none}.av-teal{background:var(--accent)}.av-amber{background:var(--amber)}.av-plum{background:var(--plum)}.av-sky{background:var(--sky)}.av-rose{background:var(--rose)}.av-claude{background:var(--claude)}.keychip{display:inline-flex;gap:6px;font-size:12px;font-weight:600;color:var(--accent);border-radius:999px;padding:4px 12px;white-space:nowrap}.installbar,.keychip{align-items:center;background:var(--accent-soft)}.installbar{display:flex;gap:11px;margin:10px 12px 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:14px}.install-ico{width:34px;height:34px;border-radius:9px;flex:none}.install-text{flex:1 1;min-width:0;font-size:12.5px;color:var(--ink-soft)}.install-text b{display:block;font-size:13.5px;color:var(--ink)}.install-share{display:inline-block;border:1px solid var(--line);border-radius:5px;padding:0 5px;font-size:11px}.install-btn{padding:8px 14px;font-size:13px;flex:none}.roomlist{flex:1 1;background:var(--card)}.room{display:flex;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.room-main{flex:1 1;min-width:0}.room-name{font-weight:650;font-size:15px;display:flex;justify-content:space-between;gap:8px}.room-time{font-size:11px;font-weight:400;color:var(--ink-faint)}.room-preview{font-size:13px;color:var(--ink-soft);white-space:nowrap;display:flex;gap:8px;align-items:center}.room-preview,.room-preview .txt{overflow:hidden;text-overflow:ellipsis}.room-preview .txt{flex:1 1}.who-ai{color:var(--claude);font-weight:600}.badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;min-width:19px;height:19px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;flex:none}.chat{flex:1 1;gap:10px;padding:14px 12px;overflow-y:auto}.chat,.msg{display:flex;flex-direction:column}.msg{max-width:84%;gap:3px;position:relative}.msg.them{align-self:flex-start}.msg.me{align-self:flex-end}.replybtn{position:absolute;top:50%;transform:translateY(-50%);right:-34px;width:28px;height:28px;border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--ink-soft);font-size:14px;line-height:1;display:none;align-items:center;justify-content:center;z-index:2}.msg.me .replybtn{right:auto;left:-34px}@media (hover:hover){.replybtn{display:inline-flex;opacity:0;transition:opacity .12s}.msg:hover .replybtn{opacity:1}}.swipe-reply-ico{position:absolute;left:-30px;top:50%;transform:translateY(-50%);color:var(--accent);font-size:17px}.quote.clickable{cursor:pointer}.msg.flash .bubble{animation:quote-flash 1.3s ease}@keyframes quote-flash{0%,60%{box-shadow:0 0 0 2px var(--accent)}to{box-shadow:0 0 0 2px transparent}}@media (prefers-reduced-motion:reduce){.msg.flash .bubble{animation:none;box-shadow:0 0 0 2px var(--accent)}}.sender{font-size:12px;font-weight:700;padding:0 4px}.sender.teal{color:var(--accent)}.sender.amber{color:var(--amber)}.sender.plum{color:var(--plum)}.sender.sky{color:var(--sky)}.sender.rose{color:var(--rose)}.sender.claude-name{color:var(--claude);display:flex;align-items:center;gap:6px}.chime-tag{font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--claude);background:var(--claude-soft);padding:1px 7px;border-radius:999px}.bubble{background:var(--other-bubble);border:1px solid var(--bubble-line);border-radius:16px;border-top-left-radius:5px;padding:9px 13px;font-size:14px;line-height:1.45;overflow-wrap:break-word;min-width:0}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:.55em 0}.md a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.md ol,.md ul{margin:.4em 0;padding-left:1.4em}.md li{margin:.15em 0}.md h1,.md h2,.md h3,.md h4{font-size:1em;font-weight:700;margin:.8em 0 .3em}.md blockquote{border-left:3px solid var(--line);margin:.5em 0;padding:2px 10px;color:var(--ink-soft)}.md code{font-family:ui-monospace,Menlo,monospace;font-size:.86em;background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:5px;padding:1px 5px}.md table{border-collapse:collapse;margin:.5em 0;display:block;overflow-x:auto}.md td,.md th{border:1px solid var(--line);padding:4px 9px;font-size:13px}.md hr{border:0;border-top:1px solid var(--line);margin:.7em 0}.codeblock{position:relative;margin:.55em 0}.codeblock pre{background:var(--screen);border:1px solid var(--line);border-radius:10px;padding:10px 12px;overflow-x:auto;font-size:12.5px;line-height:1.5}.codeblock pre code{background:none;padding:0;font-size:inherit}.codecopy{position:absolute;top:6px;right:6px;font-size:10.5px;font-weight:600;color:var(--ink-faint);background:var(--card);border:1px solid var(--line);border-radius:7px;padding:2px 8px;opacity:0;transition:opacity .15s}.codeblock:hover .codecopy,.codecopy:focus-visible{opacity:1}@media (hover:none){.codecopy{opacity:1}}.sysnote{font-size:12px;color:var(--ink-faint)}.att-img{display:block;max-width:100%;max-height:320px;border-radius:12px;margin-top:6px}.att-card{display:flex;align-items:center;gap:10px;margin-top:6px;padding:9px 12px;background:var(--screen);border:1px solid var(--line);border-radius:12px;color:inherit;text-decoration:none}.att-ico{font-size:18px;color:var(--accent);flex:none}.att-meta{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.att-name{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-sub{font-size:11px;color:var(--ink-faint)}.att-open{font-size:12px;font-weight:700;color:var(--accent);flex:none}.usagechip{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:899.98px){.usagechip{display:none}}.usage-totals{display:flex;gap:26px;margin:10px 0 4px}.usage-totals b{font-size:22px;display:block;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage-totals span{font-size:12px;color:var(--ink-faint)}.usage-h{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);margin:14px 0 4px}.usage-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.usage-name{flex:1 1;font-weight:650}.usage-toks{font-size:12px;color:var(--ink-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage-usd{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage-list{max-height:260px;overflow-y:auto}.usage-keyrow{padding-left:18px;font-size:13px;border-bottom:0;padding-top:2px;padding-bottom:6px}.usage-keyrow .usage-name{font-weight:500}.usage-keyrow .usage-usd{font-weight:600}.key-usage{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.key-usage b{font-size:14px}.key-usage span{font-size:11px;color:var(--ink-faint)}.keyrow.expandable{cursor:pointer}.keyrow.expandable:hover{background:var(--screen)}.key-chevron{flex:none;color:var(--ink-faint);font-size:16px;line-height:1;transition:transform .15s ease}.key-chevron.open{transform:rotate(90deg)}.key-rooms{padding:2px 4px 8px 26px;border-bottom:1px solid var(--line)}.key-room-row{display:flex;align-items:baseline;gap:10px;padding:3px 0;font-size:12.5px;color:var(--ink-soft)}.key-room-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-room-toks{font-size:11px;color:var(--ink-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.key-room-usd{font-weight:650;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage-ev{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.usage-ev-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.usage-ev-sub{font-size:11px;color:var(--ink-faint)}.usage-ev-right{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:650}.msg.me .bubble{background:var(--own-bubble);border-color:transparent;border-top-left-radius:16px;border-top-right-radius:5px}.msg.ai .bubble{background:var(--claude-soft);border-color:transparent}.msg.plan .bubble{background:var(--card);border:1px solid var(--bubble-line);border-left:4px solid var(--claude);border-radius:12px}.msg.summary .bubble{background:var(--card);border:1px solid var(--bubble-line);border-left:4px solid var(--amber);border-radius:12px}.quote{border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:6px;padding:5px 9px;margin-bottom:7px;font-size:12px;color:var(--ink-soft)}.quote b{display:block;color:var(--accent);font-size:11px}.stamp{font-size:10px;color:var(--ink-faint);padding:0 4px;align-self:flex-end}.msg.them .stamp{align-self:flex-start}.sysline{align-self:center;background:var(--card);border:1px solid var(--line);padding:3px 12px;border-radius:999px;text-align:center}.sysline,.typing{font-size:12px;color:var(--ink-faint)}.typing{padding:0 8px}.cursor{display:inline-block;width:7px;height:13px;background:var(--claude);border-radius:2px;vertical-align:text-bottom;margin-left:3px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.cursor{animation:none}}.composer{gap:8px;align-items:flex-end;padding:10px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);position:-webkit-sticky;position:sticky;bottom:0}.autocomplete,.composer{display:flex;background:var(--card)}.autocomplete{position:absolute;bottom:calc(100% + 6px);left:12px;right:60px;max-width:420px;max-height:240px;overflow-y:auto;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 14px 36px rgba(10,16,14,.2);flex-direction:column;z-index:16}.ac-item{display:flex;align-items:baseline;gap:10px;width:100%;text-align:left;padding:8px 11px;border-radius:9px;background:none;color:inherit}.ac-item.sel,.ac-item:hover{background:var(--accent-soft)}.ac-label{font-size:13.5px;font-weight:700;color:var(--accent);font-family:ui-monospace,Menlo,monospace}.ac-desc{font-size:12px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer textarea{flex:1 1;background:var(--screen);border:1px solid var(--line);border-radius:18px;padding:9px 14px;font-size:14px;line-height:1.4;resize:none;max-height:120px;outline:none;overflow-y:auto}.composer textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:899.98px){.composer textarea,.input{font-size:16px}}.composer textarea:focus{border-color:var(--accent)}.send{width:38px;height:38px;border-radius:50%;flex:none;background:var(--accent);color:#fff;font-size:16px}.replybar{display:flex;align-items:center;gap:8px;padding:6px 16px;background:var(--card);border-top:1px solid var(--line);font-size:12px;color:var(--ink-soft)}.alertbar{margin:10px 12px 0;background:var(--danger-soft);color:var(--danger);border-radius:12px;padding:10px 14px;font-size:13px;font-weight:550}.sheet-backdrop{position:absolute;inset:0;background:rgba(10,16,14,.45);z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:640px;background:var(--card);border-radius:22px 22px 0 0;padding:14px 18px calc(24px + env(safe-area-inset-bottom));max-height:85%;overflow-y:auto}@media (min-width:900px){.sheet-backdrop{align-items:center;padding:32px}.sheet{max-width:560px;border-radius:22px;padding:20px 24px 24px;box-shadow:0 24px 60px rgba(10,16,14,.3)}}.sheet h3{font-size:16px;margin-bottom:2px}.sheet .sub{font-size:13px;color:var(--ink-soft);margin-bottom:12px}.keyrow{display:flex;align-items:center;gap:11px;padding:12px 4px;border-bottom:1px solid var(--line);font-size:14px;width:100%;background:none;text-align:left;color:inherit}.keyrow .meta{flex:1 1}.keyrow .kname{font-weight:650}.keyrow .kid{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--ink-faint)}.pill{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px}.pill.active{color:var(--accent);background:var(--accent-soft)}.pill.invalid{color:var(--danger);background:var(--danger-soft)}.form{display:flex;flex-direction:column;gap:12px;padding:24px 20px;max-width:420px;margin:8vh auto 0;width:100%}.form h1{font-size:24px;letter-spacing:-.02em}.form h1 span{color:var(--accent)}.form p{color:var(--ink-soft);font-size:14px}.input{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:15px;outline:none;width:100%}.input:focus{border-color:var(--accent)}.btn{background:var(--accent);color:#fff;border-radius:12px;padding:11px 16px;font-weight:650;font-size:15px}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.row{display:flex;gap:8px}.row .input{flex:1 1}.error-text{color:var(--danger);font-size:13px}.fabwrap{position:-webkit-sticky;position:sticky;bottom:20px;align-self:flex-end;margin:8px 18px 20px auto;z-index:10}.fab{width:54px;height:54px;border-radius:18px;background:var(--accent);color:#fff;box-shadow:0 10px 30px rgba(22,33,30,.2);display:inline-flex;align-items:center;justify-content:center;padding:0}.fab:before{content:"";width:22px;height:22px;background:linear-gradient(currentColor,currentColor) 50% /22px 2.5px no-repeat,linear-gradient(currentColor,currentColor) 50% /2.5px 22px no-repeat}.linkish{color:var(--accent);background:none;padding:0;font-size:13px;font-weight:600}.navrail{display:none}.rail-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-soft);background:none;text-decoration:none;border-radius:12px}.rail-btn:hover{background:var(--screen);color:var(--ink)}.rail-btn.active{background:var(--accent-soft);color:var(--accent)}.rail-label{font-size:10px;font-weight:600}.rail-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}@media (max-width:899.98px){.navrail.mobile{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:15;align-items:stretch;justify-content:space-around;background:var(--card);border-top:1px solid var(--line);padding:6px 10px calc(6px + env(safe-area-inset-bottom))}.navrail.mobile .rail-avatar,.navrail.mobile .rail-spacer{display:none}.navrail.mobile .rail-btn{flex:1 1;max-width:120px;padding:6px 0}.with-bottomnav{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.with-bottomnav .fabwrap{bottom:calc(78px + env(safe-area-inset-bottom))}}@media (min-width:900px){.navrail{display:flex;flex-direction:column;align-items:center;gap:10px;width:64px;flex:none;padding:14px 0 16px;background:var(--card);border-right:1px solid var(--line)}.rail-btn{width:44px;height:44px}.rail-label{display:none}.rail-spacer{flex:1 1}}.split>.shell{width:100%;min-height:0;overflow-y:auto}.provider-row{display:flex;gap:8px}.provider-opt{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:14px;font-weight:650}.provider-opt.sel{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.provider-opt:disabled{opacity:.55;cursor:default}.provider-co{font-size:11px;font-weight:500;color:var(--ink-faint)}.provider-opt.sel .provider-co{color:var(--accent);opacity:.75}.provider-tag{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--claude);background:var(--claude-soft);border-radius:999px;padding:2px 8px;vertical-align:1px}.theme-dark-only{display:none!important}@media (prefers-color-scheme:dark){.theme-light-only{display:none!important}.theme-dark-only{display:block!important}}.appbar-logo{height:clamp(42px,3.6vw,68px)}.trunc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-only{display:inline-flex}@media (min-width:900px){.mobile-only{display:none}}.backbtn{width:36px;height:36px;margin-left:-6px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft)}.backbtn:hover{background:var(--screen);color:var(--ink)}.chat-head{flex:1 1;min-width:0}.menu-anchor{position:relative}.iconbtn{width:34px;height:34px;border-radius:50%;flex:none;background:none;color:var(--ink-soft);font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.iconbtn:hover,.iconbtn[aria-expanded=true]{background:var(--screen);color:var(--ink)}.menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 12px 32px rgba(10,16,14,.18);display:flex;flex-direction:column;z-index:30}.menu.up{top:auto;bottom:calc(100% + 10px)}.menu-item{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--ink);text-decoration:none;background:none}.menu-item:hover{background:var(--screen)}.menu-item.with-icon{display:flex;gap:10px;align-items:flex-start}.menu-item.with-icon>svg{flex:none;margin-top:2px;color:var(--ink-faint)}.menu-item.checked>svg{color:var(--accent)}.menu-text{flex:1 1;min-width:0}.menu-name{display:flex;align-items:center;justify-content:space-between;gap:12px}.menu-item.checked{color:var(--accent);font-weight:650}.menu-item.checked .menu-name:after{content:"✓"}.menu-hint{display:block;font-size:11px;font-weight:400;color:var(--ink-faint);white-space:nowrap}.menu-sep{height:1px;background:var(--line);margin:6px 4px}.menu-title{font-size:14px;font-weight:650;padding:6px 12px 0}.menu-sub{font-size:12px;color:var(--ink-soft);padding:0 12px 4px}.avatar-btn{border:0;cursor:pointer}.menu-label{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);padding:6px 12px 2px}.skillcard{display:flex;align-items:center;gap:12px;margin:0 12px 8px;padding:10px 14px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px}.skill-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px;align-items:flex-start}.skill-desc{font-size:13.5px;font-weight:650}.skill-sub{font-size:11.5px;color:var(--ink-faint)}.skill-actions{display:flex;gap:6px;flex:none;flex-wrap:wrap;justify-content:flex-end}.skill-btn{padding:6px 12px;font-size:12.5px;border-radius:9px}.menu-member{display:flex;align-items:center;gap:9px;padding:6px 12px;font-size:14px}.menu-member .avatar{width:26px;height:26px;font-size:11px}.menu-member-name{flex:1 1;display:flex;align-items:baseline;gap:7px}.danger-link{color:var(--danger);font-size:12px}.hintrow{display:flex;justify-content:center;padding:0 12px 8px;background:var(--screen)}.hintpill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,var(--card));border:1px solid color-mix(in srgb,var(--amber) 35%,transparent);border-radius:999px;padding:7px 15px;box-shadow:0 6px 18px rgba(22,33,30,.12);animation:hint-in .35s ease}.hintpill .bulb{flex:none;animation:bulb-glow 1.6s ease-in-out infinite}@keyframes hint-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bulb-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}@media (prefers-reduced-motion:reduce){.hintpill,.hintpill .bulb{animation:none}}.authshell{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.auth-grid,.auth-left{flex:1 1;display:flex;flex-direction:column}.auth-left{padding:28px 24px 8px;align-items:center;justify-content:space-evenly;text-align:center;gap:18px}.auth-pitch{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:14px;width:100%;max-width:440px}.auth-logo{height:58px;width:auto}.auth-tagline{font-size:clamp(21px,5.4vw,26px);font-weight:700;letter-spacing:-.015em;color:var(--ink);line-height:1.3;max-width:420px;text-wrap:balance}.auth-facts{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.auth-facts span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:550;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 15px 7px 12px}.auth-facts span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}.auth-right{margin-top:auto;display:flex;align-items:center;justify-content:center;padding:16px 24px calc(24px + env(safe-area-inset-bottom))}.auth-card{display:flex;flex-direction:column;gap:14px;width:100%;max-width:380px}.auth-card h1{font-size:20px;letter-spacing:-.01em}.auth-card .sub{font-size:13px;color:var(--ink-faint)}.auth-preview{width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:9px;box-shadow:0 18px 40px rgba(15,30,26,.08)}.auth-preview .msg{max-width:88%}.auth-preview .bubble{font-size:13px;padding:8px 12px}.auth-preview .sender{font-size:11px}@keyframes preview-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes preview-typing-flash{0%{opacity:0;transform:translateY(6px)}18%{opacity:1;transform:translateY(0)}78%{opacity:1}to{opacity:0}}.auth-preview .msg,.auth-preview .typing{opacity:0;animation:preview-in .45s ease forwards}.auth-preview :first-child{animation-delay:.1s}.auth-preview :nth-child(2){animation-delay:.7s}.auth-preview .typing{animation-name:preview-typing-flash;animation-duration:1.5s;animation-delay:1.3s;padding:0 4px}.auth-preview .msg.ai{animation-delay:2.5s}.auth-preview .msg.me{animation-delay:3.15s}@media (prefers-reduced-motion:reduce){.auth-preview .msg,.auth-preview .typing{animation:none;opacity:1}}@media (min-width:900px){.auth-grid{flex-direction:row;align-items:stretch}.auth-left{flex:1 1;justify-content:center;padding:clamp(48px,6vw,100px);gap:clamp(20px,2.4vw,40px);background:var(--screen);border-right:1px solid var(--line);align-items:flex-start;text-align:left}.auth-pitch{align-items:flex-start;gap:clamp(14px,1.4vw,22px)}.auth-logo{height:clamp(56px,4.8vw,100px)}.auth-right{margin-top:0}.auth-preview{max-width:clamp(380px,30vw,620px);padding:clamp(14px,1.4vw,22px);gap:clamp(9px,1vw,14px)}.auth-preview .bubble{font-size:clamp(13px,.9vw,16px);padding:clamp(8px,.7vw,11px) clamp(12px,1vw,16px)}.auth-preview .sender{font-size:clamp(11px,.65vw,13px)}.auth-tagline{font-size:clamp(26px,2vw,38px);max-width:clamp(420px,32vw,640px)}.auth-facts span{font-size:clamp(12px,.8vw,15px)}.auth-right{flex:none;width:clamp(420px,26vw,540px)}.auth-card{max-width:clamp(360px,22vw,460px);gap:clamp(14px,1.2vw,20px)}.auth-card .sub{font-size:clamp(13px,.85vw,15px)}.auth-right .btn{font-size:clamp(15px,1vw,18px);padding:clamp(12px,1.1vw,16px) clamp(16px,1.6vw,22px)}}