:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#0d1117;--color-surface:#161b22;--color-text:#f0f3f6;--color-text-muted:#8b949e;--color-accent:#2dd4bf;--color-border:#2a3544;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--font-sans:system-ui, -apple-system, Segoe UI, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Consolas, Liberation Mono, monospace;--font-size-page-title:28px;--line-height-page-title:36px;--font-size-section-title:20px;--line-height-section-title:28px;--font-size-body:14px;--line-height-body:22px;--font-size-label:12px;--line-height-label:16px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-control:8px;--radius-surface:12px;--radius-emphasis:16px;--border-default:1px solid #2a3544;--shadow-overlay:0 8px 24px #00000047;--z-base:0;--z-sticky:10;--z-overlay:20;--z-modal:30;--z-toast:40;--focus-width:2px;--focus-offset:2px;--touch-target-min:48px;--motion-direct:.12s;--motion-emphasis:.18s;--motion-easing:cubic-bezier(.2, 0, 0, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--color-background);min-width:320px;font-family:var(--font-sans);-webkit-text-size-adjust:100%}body{background:var(--color-background);min-width:320px;min-height:100dvh;color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);margin:0;overflow-x:hidden}button{cursor:pointer;background:0 0;border:0}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}input,textarea{border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface)}#app{width:min(100%,480px);min-height:100dvh;margin-inline:auto}.startup-status,.empty-state,.loading-state{min-height:160px;color:var(--color-text-muted);place-items:center;margin:0;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.primary-button{border-radius:var(--radius-control);background:var(--color-accent);min-height:48px;color:var(--color-background);font-weight:var(--font-weight-semibold)}.pairing-page{min-height:100dvh;padding:calc(136px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom))}.pairing-brand{align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.pairing-brand h1,.pairing-brand p,.conversation-header h1,.conversation-header p{margin:0}.pairing-brand h1{font-size:var(--font-size-page-title);line-height:var(--line-height-page-title)}.pairing-brand p,.conversation-header p{color:var(--color-text-muted)}.wordmark,.compact-mark{border:var(--border-default);border-radius:var(--radius-surface);color:var(--color-accent);font-weight:var(--font-weight-semibold);flex:none;place-items:center;display:grid}.wordmark{width:72px;height:72px;font-size:var(--font-size-section-title)}.compact-mark{width:40px;height:40px}.pairing-form{gap:var(--space-3);padding:var(--space-6);border:var(--border-default);border-radius:var(--radius-emphasis);background:var(--color-surface);display:grid}.pairing-form label{font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-section-title)}.pairing-form input{width:100%;min-height:64px;padding:0 var(--space-4);letter-spacing:.16em;font-family:var(--font-mono);font-size:24px}.pairing-help,.error-message,.inline-error{margin:var(--space-4) 0 0}.pairing-help{color:var(--color-text-muted)}.error-message,.inline-error{color:var(--color-error)}.session-shell,.conversation-page{background:var(--color-background);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100dvh;min-height:100dvh;display:grid}.navigation-bar,.conversation-header{z-index:var(--z-sticky);min-height:calc(56px + env(safe-area-inset-top));align-items:center;gap:var(--space-3);padding:env(safe-area-inset-top) 16px 0;border-bottom:var(--border-default);background:var(--color-background);display:flex}.navigation-bar h1,.conversation-header h1{min-width:0;font-size:var(--font-size-section-title);line-height:var(--line-height-section-title);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.connection-label{color:var(--color-text-muted);white-space:nowrap;margin-left:auto}.connection-label:before{content:"";width:8px;height:8px;margin-right:var(--space-2);background:var(--color-text-muted);border-radius:50%;display:inline-block}.connection-label.online:before{background:var(--color-accent)}.shell-scroll,.conversation-history{overscroll-behavior:contain;min-height:0;overflow-y:auto}.tabbar{z-index:var(--z-sticky);min-height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:var(--border-default);background:var(--color-background);grid-template-columns:repeat(2,1fr);display:grid}.tabbar button{color:var(--color-text-muted);position:relative}.tabbar button[aria-current=page]{color:var(--color-accent)}.tabbar button[aria-current=page]:before{content:"";background:var(--color-accent);height:2px;position:absolute;inset:0 16px auto}.list-view,.projects-view{padding:0 16px var(--space-6)}.session-list,.project-sessions{margin:0;padding:0;list-style:none}.session-list li,.project-sessions li{border-bottom:var(--border-default);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:72px;display:grid}.session-main{min-width:0;padding:var(--space-3) 0;text-align:left}.session-main strong,.session-main span,.project-header strong,.project-header small{display:block}.session-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.session-main span,.project-header small{color:var(--color-text-muted)}.session-state{padding-inline:var(--space-3);color:var(--color-text-muted);white-space:nowrap}.session-state.running{color:var(--color-accent)}.drag-handle,.text-action{min-width:48px;color:var(--color-text-muted)}.text-action{color:var(--color-accent)}.sheet-backdrop{z-index:var(--z-overlay);background:#00000085;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{z-index:var(--z-modal);gap:var(--space-2);width:min(100%,480px);max-height:72dvh;padding:var(--space-4) 16px calc(16px + env(safe-area-inset-bottom));border:var(--border-default);border-radius:var(--radius-emphasis) var(--radius-emphasis) 0 0;background:var(--color-surface);box-shadow:var(--shadow-overlay);border-bottom:0;margin-inline:auto;display:grid;overflow-y:auto}.bottom-sheet h2{margin:0 0 var(--space-2);font-size:var(--font-size-section-title)}.bottom-sheet button{border-top:var(--border-default);text-align:left}.project-group{border-bottom:var(--border-default)}.project-header{text-align:left;justify-content:space-between;align-items:center;width:100%;min-height:80px;display:flex}.project-header strong{font-size:var(--font-size-section-title);line-height:var(--line-height-section-title)}.project-content{border-top:var(--border-default)}.load-more{min-width:160px;margin:var(--space-2) auto;color:var(--color-accent);display:block}.conversation-header button{border:var(--border-default);border-radius:var(--radius-control);flex:none;min-width:48px}.conversation-header div{min-width:0}.conversation-history{padding:var(--space-4) 16px var(--space-6)}.markdown-content{overflow-wrap:anywhere}.markdown-content.user{margin:var(--space-4) 0 var(--space-6);padding:var(--space-4);border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface)}.markdown-content.assistant{margin-bottom:var(--space-6)}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content h1{font-size:var(--font-size-page-title);line-height:var(--line-height-page-title)}.markdown-content h2,.markdown-content h3{font-size:var(--font-size-section-title);line-height:var(--line-height-section-title)}.markdown-content pre{max-width:100%;padding:var(--space-4);border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface);overflow-x:auto}.markdown-content code{font-family:var(--font-mono)}.markdown-content a{color:var(--color-accent)}.stream-status{padding-top:var(--space-4);border-top:var(--border-default);color:var(--color-text-muted)}.composer{z-index:var(--z-sticky);min-height:calc(72px + env(safe-area-inset-bottom));gap:var(--space-2);padding:var(--space-2) 16px calc(8px + env(safe-area-inset-bottom));border-top:var(--border-default);background:var(--color-background);grid-template-columns:minmax(0,1fr) auto;display:grid}.composer textarea{min-width:0;max-height:132px;padding:var(--space-3);resize:vertical}.composer button{align-self:stretch;min-width:72px}@media (width<=359px){.pairing-page,.list-view,.projects-view,.conversation-history,.navigation-bar,.conversation-header,.composer{padding-left:12px;padding-right:12px}.wordmark{width:56px;height:56px}.pairing-form{padding:var(--space-4)}.pairing-page{padding-top:calc(72px + env(safe-area-inset-top))}.connection-label{text-overflow:ellipsis;max-width:84px;overflow:hidden}}button,input,select,textarea{color:inherit;font:inherit}:where(button,input,select,textarea,[role=button]){min-block-size:var(--touch-target-min);touch-action:manipulation}:focus-visible{outline:var(--focus-width) solid var(--color-accent);outline-offset:var(--focus-offset)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}