:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f4f0;--panel:#faf8f4;--panel-raised:#fffdfa;--surface:#f1ede7;--surface-hover:#eae3d9;--surface-active:#eadbd5;--border:#e6e1d9;--border-strong:#d7cfc5;--text:#211e1b;--text-soft:#49423c;--muted:#716860;--muted-2:#948a81;--brand:#8b4435;--brand-hover:#76392e;--brand-bg:#eadbd5;--green:#667a69;--green-bg:#e8eee7;--yellow:#927044;--red:#a65350;--red-bg:#f8e9e7;--shadow-xs:0 1px 2px #352b240d;--shadow-sm:0 8px 24px #352b2414;--shadow-lg:0 24px 70px #352b2429;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;--font-ui:"Songti SC", STSong, "Noto Serif CJK SC", "Source Han Serif SC", Georgia, serif;--font-description:Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"SFMono-Regular", "Cascadia Mono", Consolas, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;height:100%;margin:0}html{background:var(--bg);font-synthesis:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{background:radial-gradient(circle at 7% -2%, #ae806721, transparent 34%), linear-gradient(150deg, #fbfaf7, var(--bg) 52%, #faf8f4);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:14px;line-height:1.5;overflow:hidden}button,input,textarea,select{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:where(button,a,input,textarea,summary):focus-visible{outline-offset:2px;outline:2px solid #8b4435bf;box-shadow:0 0 0 4px #8b44351a}a{color:inherit;text-decoration:none}::selection{color:var(--text);background:#8b443533}.eyebrow{color:var(--muted-2);font-family:var(--font-description);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:700}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.loading-screen,.pairing-page{width:100%;min-height:100dvh;padding:calc(24px + var(--safe-top)) calc(18px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(18px + var(--safe-left));place-items:center;display:grid}.loading-screen{color:var(--muted);align-content:center;gap:13px}.loading-mark,.pairing-mark{background:var(--brand-bg);color:var(--brand);border-radius:18px;place-items:center;display:grid}.loading-mark{width:54px;height:54px}.pairing-card{border:1px solid var(--border);border-radius:var(--radius-xl);width:min(100%,430px);box-shadow:var(--shadow-lg);background:#fffdfaeb;padding:30px 26px 24px}.pairing-mark{width:58px;height:58px;margin-bottom:22px}.pairing-card h1{letter-spacing:-.045em;margin:0;font-size:clamp(25px,7vw,34px);font-weight:560;line-height:1.18}.pairing-lead{color:var(--text-soft);font-family:var(--font-description);margin:14px 0 20px;font-size:14px;line-height:1.7}.pairing-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pairing-steps li{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:44px;color:var(--text-soft);align-items:center;gap:11px;padding:9px 12px;display:flex}.pairing-steps svg{color:var(--brand);flex:none}.manual-pairing{border-top:1px solid var(--border);margin-top:17px}.manual-pairing summary{min-height:44px;color:var(--brand);cursor:pointer;padding:13px 2px 8px}.manual-pairing form{gap:9px;padding-top:5px;display:grid}.manual-pairing label{color:var(--muted);font-family:var(--font-description);font-size:12px}.manual-pairing input{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--panel-raised);width:100%;min-height:48px;font-family:var(--font-description);padding:0 13px;font-size:16px}.manual-pairing button,.danger-section button{border-radius:var(--radius-md);background:var(--brand);color:#fff;min-height:46px;font-family:var(--font-description);border:0;justify-content:center;align-items:center;gap:8px;font-weight:650;display:inline-flex}.pairing-error,.page-error{border-radius:var(--radius-sm);background:var(--red-bg);color:var(--red);font-family:var(--font-description);margin-top:12px;padding:10px 12px;font-size:13px}.pairing-privacy{color:var(--muted-2);font-family:var(--font-description);margin:18px 0 0;font-size:12px;line-height:1.65}.mobile-shell{background:var(--bg);grid-template-rows:auto auto minmax(0,1fr) auto;width:100%;height:100dvh;display:grid;overflow:hidden}.mobile-shell.is-chat{grid-template-rows:auto minmax(0,1fr)}.mobile-topbar{min-height:calc(62px + var(--safe-top));padding:calc(8px + var(--safe-top)) calc(15px + var(--safe-right)) 8px calc(15px + var(--safe-left));border-bottom:1px solid var(--border);background:#faf8f4f0;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.mobile-brand{align-items:center;gap:10px;min-width:0;display:flex}.mobile-brand img{width:36px;height:36px;box-shadow:var(--shadow-xs);border-radius:10px}.mobile-brand span{min-width:0;display:grid}.mobile-brand strong{font-size:15px;line-height:1.2}.mobile-brand small{color:var(--muted);font-family:var(--font-description);font-size:11px}.topbar-status,.host-status{color:var(--muted);font-family:var(--font-description);align-items:center;gap:6px;font-size:11px;display:inline-flex}.topbar-status i,.host-status i,.nav-connection i,.session-state{background:var(--muted-2);border-radius:50%;flex:none;width:8px;height:8px}.topbar-status.phase-live i,.host-status.state-online i,.nav-connection.phase-live i{background:var(--green);box-shadow:0 0 0 3px #667a6921}.connection-banner{min-height:44px;padding:6px calc(15px + var(--safe-right)) 6px calc(15px + var(--safe-left));color:#745932;font-family:var(--font-description);background:#f5ecdf;border-bottom:1px solid #dccdbb;align-items:center;gap:9px;display:flex}.connection-banner.phase-unauthorized{background:var(--red-bg);color:var(--red);border-color:#e5c7c4}.connection-banner>div{align-items:baseline;gap:7px;min-width:0;display:flex}.connection-banner strong{flex:none;font-size:12px}.connection-banner span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mobile-content{min-height:0;overflow:hidden}.page{height:100%;padding:22px calc(16px + var(--safe-right)) calc(28px + var(--safe-bottom)) calc(16px + var(--safe-left));overscroll-behavior-y:contain;overflow:hidden auto}.page-heading{justify-content:space-between;align-items:center;gap:12px;min-height:58px;margin-bottom:17px;display:flex}.page-heading.has-back{justify-content:flex-start}.page-heading h1{letter-spacing:-.035em;margin:0;font-size:24px;font-weight:560}.count-badge,.section-heading>span{background:var(--surface-active);min-width:28px;color:var(--brand);font-family:var(--font-description);text-align:center;border-radius:999px;padding:3px 8px;font-size:12px}.back-button,.header-icon{border:1px solid var(--border);background:var(--panel-raised);width:44px;height:44px;color:var(--text-soft);border-radius:13px;flex:none;place-items:center;display:grid}.host-list,.session-list{gap:10px;display:grid}.host-card,.session-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-raised);min-height:76px;box-shadow:var(--shadow-xs);align-items:center;display:grid}.host-card{grid-template-columns:46px minmax(0,1fr) auto 18px;gap:11px;padding:12px 13px}.host-card:active,.session-card:active{background:var(--surface);transform:translateY(1px)}.host-icon{background:var(--brand-bg);width:44px;height:44px;color:var(--brand);border-radius:13px;place-items:center;display:grid}.host-copy,.session-copy{gap:3px;min-width:0;display:grid}.host-copy strong,.session-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.host-copy small,.session-copy small{color:var(--muted);font-family:var(--font-description);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.host-status{align-self:start;margin-top:3px}.empty-state,.empty-list{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--muted);text-align:center;justify-items:center;padding:42px 22px;display:grid}.empty-state h2{color:var(--text-soft);margin:13px 0 6px;font-size:17px}.empty-state p{max-width:310px;font-family:var(--font-description);margin:0;font-size:13px}.cache-caption,.inline-loading{color:var(--muted);font-family:var(--font-description);justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:12px;display:flex}.section-block+.section-block{margin-top:24px}.section-heading{align-items:center;gap:8px;min-height:40px;margin-bottom:9px;display:flex}.section-heading svg{color:var(--brand)}.section-heading h2{margin:0;font-size:16px}.section-heading>span{margin-left:auto}.project-pills{scrollbar-width:none;gap:8px;padding:2px 0 6px;display:flex;overflow-x:auto}.project-pills::-webkit-scrollbar{display:none}.project-pills button{border:1px solid var(--border);background:var(--panel-raised);min-width:110px;min-height:46px;color:var(--text-soft);text-align:left;border-radius:13px;flex:none;align-content:center;padding:7px 13px;display:grid}.project-pills button.is-active{background:var(--brand-bg);color:var(--brand);border-color:#8b44354d}.project-pills small{color:var(--muted);font-family:var(--font-description);font-size:10px}.session-card{grid-template-columns:10px minmax(0,1fr) auto 18px;gap:10px;min-height:68px;padding:11px 13px}.session-state{background:var(--muted-2)}.session-state.is-busy{background:var(--yellow);box-shadow:0 0 0 4px #9270441f}.attention-badge{color:var(--yellow);font-family:var(--font-description);background:#f4ead9;border-radius:999px;padding:3px 7px;font-size:10px}.bottom-navigation{min-height:calc(58px + var(--safe-bottom));padding:5px calc(12px + var(--safe-right)) var(--safe-bottom) calc(12px + var(--safe-left));border-top:1px solid var(--border);background:#fffdfaf5;grid-template-columns:1fr 48px 1fr;align-items:start;display:grid}.bottom-navigation a{min-height:48px;color:var(--muted);font-family:var(--font-description);border-radius:12px;align-content:center;place-items:center;gap:2px;font-size:10px;display:grid}.bottom-navigation a.is-active{background:var(--brand-bg);color:var(--brand)}.nav-connection{width:44px;height:44px;color:var(--muted-2);place-items:center;display:grid;position:relative}.nav-connection i{border:2px solid var(--panel-raised);width:7px;height:7px;position:absolute;bottom:7px;right:7px}.notice-toast{right:calc(14px + var(--safe-right));bottom:calc(72px + var(--safe-bottom));left:calc(14px + var(--safe-left));z-index:100;border:1px solid var(--border-strong);color:#fffdfa;min-height:50px;box-shadow:var(--shadow-lg);font-family:var(--font-description);background:#2c2926;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px 10px 14px;font-size:12px;display:flex;position:fixed}.mobile-shell.is-chat .notice-toast{bottom:calc(104px + var(--safe-bottom))}.update-toast{bottom:calc(132px + var(--safe-bottom))}.notice-toast button{color:#fff;background:#ffffff1f;border:0;border-radius:9px;flex:none;min-height:34px;padding:0 10px}.settings-section{gap:10px;display:grid}.settings-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-raised);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:74px;padding:12px;display:grid}.settings-card.is-success{background:var(--green-bg);border-color:#d7e2d5;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.settings-card-icon{background:var(--surface);width:44px;height:44px;color:var(--brand);border-radius:13px;place-items:center;display:grid}.settings-card>div:not(.settings-card-icon){gap:3px;min-width:0;display:grid}.settings-card span,.danger-section p{color:var(--muted);font-family:var(--font-description);font-size:12px;line-height:1.55}.settings-inline-error{color:var(--red)!important}.notification-settings-card button[role=switch][aria-checked=true]{background:var(--green-bg);color:var(--green);border-color:#cbdac9}.notification-settings-card button:disabled{cursor:default;opacity:.58}.settings-card button{background:var(--brand-bg);min-height:40px;color:var(--brand);border:1px solid #8b443540;border-radius:10px;padding:0 12px}.danger-section{border-radius:var(--radius-lg);background:#fcf5f3;border:1px solid #ead7d4;margin-top:28px;padding:17px}.outbox-section{margin-top:24px}.outbox-section>header{justify-content:space-between;align-items:end;gap:12px;margin-bottom:9px;display:flex}.outbox-section h2,.outbox-section p{margin:0}.outbox-section h2{font-size:16px}.outbox-section p,.outbox-list span{color:var(--muted);font-family:var(--font-description);font-size:11px}.outbox-section>header button,.outbox-list button{border:1px solid var(--border);background:var(--panel-raised);min-height:38px;color:var(--brand);border-radius:10px;justify-content:center;align-items:center;gap:6px;display:inline-flex}.outbox-section>header button{padding:0 11px}.outbox-list{gap:8px;display:grid}.outbox-list article{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-raised);grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:10px;padding:11px 12px;display:grid}.outbox-list article>div{gap:4px;min-width:0;display:grid}.outbox-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.outbox-list button{width:40px;color:var(--red)}.danger-section h2{color:var(--red);margin:0;font-size:16px}.danger-section p{margin:6px 0 14px}.danger-section button{background:var(--red);width:100%}@media (width>=720px){.page{width:min(100%,760px);margin:0 auto;padding-top:30px}.bottom-navigation{border-right:1px solid var(--border);border-left:1px solid var(--border);border-radius:18px 18px 0 0;justify-self:center;width:min(100%,760px)}.mobile-topbar>*,.connection-banner>*{max-width:760px}.notice-toast{width:min(600px,100% - 40px);left:auto;right:50%;transform:translate(50%)}}@media (width<=360px){.pairing-card{padding:25px 18px 20px}.host-card{grid-template-columns:42px minmax(0,1fr) 18px}.host-status{display:none}}.chat-page{background:var(--bg);grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.chat-header{min-height:calc(64px + var(--safe-top));padding:calc(8px + var(--safe-top)) calc(12px + var(--safe-right)) 8px calc(12px + var(--safe-left));border-bottom:1px solid var(--border);background:#faf8f4f5;grid-template-columns:44px minmax(0,1fr) 44px;align-items:end;gap:9px;display:grid}.chat-header .back-button,.chat-header .header-icon{width:42px;height:42px}.chat-header .header-icon{background:0 0;border:0}.chat-title{align-self:center;justify-items:center;gap:2px;min-width:0;display:grid}.chat-header-spacer{flex:none;width:44px;height:44px}.chat-title strong,.chat-title span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.chat-title strong{font-size:15px}.chat-title span{color:var(--muted);font-family:var(--font-description);font-size:10px}.conversation-scroll{min-height:0;padding:18px calc(13px + var(--safe-right)) 20px calc(13px + var(--safe-left));overscroll-behavior-y:contain;scroll-behavior:smooth;overflow:hidden auto}.timeline{width:min(100%,760px);margin:0 auto}.stale-note,.outbox-note{color:#765d3b;font-family:var(--font-description);background:#f7efe3;border:1px solid #ded1bf;border-radius:10px;padding:8px 11px;font-size:11px}.stale-note{text-align:center;margin-bottom:16px}.empty-conversation,.chat-loading{min-height:45vh;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:8px;display:grid}.empty-conversation strong{color:var(--text-soft);font-size:16px}.empty-conversation span,.chat-loading span{max-width:290px;font-family:var(--font-description);font-size:12px}.message-row{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:9px;margin-bottom:18px;display:grid}.message-row.role-user{margin-left:clamp(26px,12vw,88px)}.message-avatar{border:1px solid var(--border);background:var(--panel-raised);width:30px;height:30px;color:var(--brand);border-radius:10px;place-items:center;display:grid}.role-user .message-avatar{background:var(--brand-bg)}.message-card{min-width:0}.role-user .message-card{background:var(--brand-bg);border:1px solid #8b443521;border-radius:14px 4px 14px 14px;padding:10px 12px}.message-card header{align-items:center;gap:8px;min-height:24px;display:flex}.message-card header strong{font-size:12px}.message-card time,.streaming-label{color:var(--muted-2);font-family:var(--font-description);font-size:10px}.streaming-label{align-items:center;gap:4px;display:inline-flex}.markdown-body{overflow-wrap:anywhere;color:var(--text);font-family:var(--font-description);font-size:14px;line-height:1.72}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body pre,.markdown-body blockquote{margin:7px 0}.markdown-body ul,.markdown-body ol{padding-left:22px}.markdown-body code,.tool-card pre{font-family:var(--font-mono);font-size:12px}.markdown-body :not(pre)>code{background:var(--surface);border-radius:5px;padding:2px 5px}.markdown-body pre{border:1px solid var(--border);background:#efebe5;border-radius:10px;max-width:100%;padding:11px;overflow:auto}.markdown-body a{color:var(--brand);text-underline-offset:2px;text-decoration:underline}.unsupported-link{color:var(--muted);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tool-stack{gap:7px;margin:0 0 18px 39px;display:grid}.tool-card{border:1px solid var(--border);background:var(--panel-raised);border-radius:11px;overflow:hidden}.tool-card summary{cursor:pointer;justify-content:space-between;align-items:center;gap:9px;min-height:44px;padding:0 11px;list-style:none;display:flex}.tool-card summary::-webkit-details-marker{display:none}.tool-card summary>span,.tool-state{align-items:center;gap:6px;display:inline-flex}.tool-card summary strong{font-family:var(--font-mono);font-size:11px}.tool-state{color:var(--muted);font-family:var(--font-description);font-size:10px}.tool-card.state-error .tool-state{color:var(--red)}.tool-card pre{border-top:1px solid var(--border);background:var(--surface);white-space:pre-wrap;max-height:180px;margin:0;padding:10px 11px;overflow:auto}.conversation-error{background:var(--red-bg);color:var(--red);font-family:var(--font-description);border-radius:10px;align-items:flex-start;gap:7px;margin:10px auto;padding:10px 12px;font-size:12px;display:flex}.composer-zone{padding:8px calc(12px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(12px + var(--safe-left));border-top:1px solid var(--border);background:#faf8f4f7;position:relative}.composer-zone>*{width:min(100%,760px);margin-left:auto;margin-right:auto}.outbox-note{margin-bottom:7px}.composer{border:1px solid var(--border-strong);background:var(--panel-raised);min-height:52px;box-shadow:var(--shadow-sm);border-radius:17px;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:7px;padding:4px;display:grid}.composer:focus-within{box-shadow:0 0 0 3px #8b443514, var(--shadow-sm);border-color:#8b443573}.composer textarea{resize:none;width:100%;min-height:44px;max-height:min(160px,28dvh);font-family:var(--font-description);background:0 0;border:0;outline:0;padding:11px 7px 8px 11px;font-size:16px;line-height:1.45;overflow-y:auto}.composer-action{background:var(--brand);color:#fff;border:0;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.composer-action.is-stop{background:var(--red)}.composer-error{color:var(--red);font-family:var(--font-description);margin-top:6px;font-size:11px}.composer-hint{color:var(--muted-2);font-family:var(--font-description);text-align:center;margin-top:5px;margin-bottom:0;font-size:10px}.composer-hint.is-over-limit{color:var(--red)}@media (height<=620px),(orientation:landscape) and (height<=520px){.composer-hint{display:none}.conversation-scroll{padding-top:12px}}