:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f4f2ed;--panel: #fbfaf7;--panel-strong: #ffffff;--sidebar: #eceae4;--text: #172019;--muted: #667168;--faint: #8b948d;--border: #dcded8;--border-strong: #c8ccc5;--accent: #176c48;--accent-hover: #11573a;--accent-soft: #e1f3e8;--accent-bright: #dff36b;--danger: #a93f3f;--danger-soft: #fae8e5;--warning: #8b620e;--warning-soft: #fbf0cf;--success: #176c48;--shadow: 0 24px 64px rgb(31 43 34 / 11%);--radius: 18px}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{min-height:100dvh;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,dialog:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.035em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.centered-shell{min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:radial-gradient(circle at 10% 5%,color-mix(in srgb,var(--accent-bright) 22%,transparent),transparent 28rem),radial-gradient(circle at 90% 90%,color-mix(in srgb,#64c697 17%,transparent),transparent 30rem),var(--bg)}.pair-card{width:min(100%,520px);padding:clamp(28px,7vw,52px);border:1px solid var(--border);border-radius:28px;background:color-mix(in srgb,var(--panel-strong) 92%,transparent);box-shadow:var(--shadow)}.pair-card h1{margin-bottom:12px;font-size:clamp(2rem,8vw,3rem);line-height:1.02}.brand-mark{width:56px;height:56px;display:grid;place-items:center;margin-bottom:32px;border-radius:17px;background:#173f31;color:var(--accent-bright);font-size:26px;font-weight:850;box-shadow:inset 0 0 0 1px #ffffff17}.brand-mark.small{width:34px;height:34px;margin:0;border-radius:10px;font-size:16px}.brand-lockup{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.02em}.unpaired-card .brand-lockup{margin-bottom:40px}.eyebrow{margin-bottom:8px;color:var(--accent);font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.muted{color:var(--muted);line-height:1.55}.fine-print{margin:22px 0 0;color:var(--faint);font-size:.75rem;line-height:1.5}.pair-details,.settings-list{margin:28px 0;padding:0;border-top:1px solid var(--border)}.pair-details div,.settings-list div{display:grid;grid-template-columns:42% 1fr;gap:16px;padding:15px 0;border-bottom:1px solid var(--border)}.pair-details dt,.settings-list dt{color:var(--muted);font-size:.82rem}.pair-details dd,.settings-list dd{margin:0;overflow-wrap:anywhere;font-size:.82rem;font-weight:650;text-align:right}.steps{display:grid;gap:14px;margin:30px 0 0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:12px;color:var(--muted);font-size:.88rem}.steps li span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:.75rem;font-weight:800}.button-row,.dialog-actions{display:flex;gap:10px}.button{min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-weight:720;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.button:not(:disabled):active{transform:translateY(1px)}.button.primary{background:var(--accent);color:#fff}.button.primary:not(:disabled):hover{background:var(--accent-hover)}.button.ghost{border-color:var(--border);background:var(--panel-strong)}.button.ghost:not(:disabled):hover{border-color:var(--border-strong);background:var(--sidebar)}.button.danger{border-color:color-mix(in srgb,var(--danger) 25%,transparent);background:var(--danger-soft);color:var(--danger)}.button.compact{min-height:36px;padding:7px 12px;border-radius:10px;font-size:.78rem}.app-shell{height:100dvh;display:grid;grid-template-columns:minmax(250px,320px) 1fr;grid-template-rows:58px minmax(0,1fr);overflow:hidden;background:var(--panel)}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 91%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:4}.topbar-actions{display:flex;align-items:center;gap:10px}.connection-chip{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--panel-strong);color:var(--muted);font-size:.72rem;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--faint)}.connection-chip.connected .status-dot{background:#25a76d;box-shadow:0 0 0 3px #25a76d21}.connection-chip.connecting .status-dot,.connection-chip.authenticating .status-dot{background:#d29a28;animation:pulse 1.4s infinite}.connection-chip.locked .status-dot,.connection-chip.error .status-dot{background:var(--danger)}@keyframes pulse{50%{opacity:.35}}.icon-button,.back-button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;color:var(--muted);font-size:1.05rem}.icon-button:not(:disabled):hover,.back-button:hover{border-color:var(--border);background:var(--panel-strong);color:var(--text)}.task-panel{min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:24px 14px;border-right:1px solid var(--border);background:var(--sidebar)}.panel-heading,.task-header,.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-heading{padding:0 6px 14px}.panel-heading h1,.task-header h2,.dialog-heading h2{margin:0;font-size:1.35rem}.search-box{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:4px;margin:0 4px 14px;padding:0 10px;border:1px solid var(--border);border-radius:11px;background:var(--panel-strong);color:var(--faint)}.search-box:focus-within{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.search-box input{min-width:0;height:40px;padding:0;border:0;outline:none;background:transparent;color:var(--text);font-size:.85rem}.task-list{flex:1;overflow-y:auto;overscroll-behavior:contain}.task-open-alert{display:grid;gap:5px;margin:0 4px 14px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--danger) 22%,var(--border));border-radius:11px;background:var(--danger-soft);color:var(--danger);font-size:.76rem;line-height:1.4}.task-open-alert span{overflow-wrap:anywhere}.task-open-alert .text-button{width:fit-content;margin-top:2px}.task-group+.task-group{margin-top:16px}.task-group-heading{display:flex;align-items:center;gap:8px;min-width:0;margin:3px 9px 6px;color:var(--muted);font-size:.76rem;font-weight:760;letter-spacing:-.01em}.task-group-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-group-icon{position:relative;flex:0 0 auto;color:var(--faint)}.task-group-icon.project{width:15px;height:11px;margin-top:2px;border:1.4px solid currentColor;border-radius:3px}.task-group-icon.project:before{position:absolute;top:-4px;left:1px;width:7px;height:4px;border:1.4px solid currentColor;border-bottom:0;border-radius:2px 2px 0 0;background:var(--sidebar);content:""}.task-group-icon.recents{width:14px;height:14px;border:1.4px solid currentColor;border-radius:50%}.task-group-icon.recents:before,.task-group-icon.recents:after{position:absolute;top:3px;left:6px;width:1.4px;border-radius:1px;background:currentColor;content:"";transform-origin:50% 4px}.task-group-icon.recents:before{height:4px}.task-group-icon.recents:after{height:3px;transform:rotate(125deg)}.task-group-items{margin:0 0 0 17px;padding:0;list-style:none}.task-group-items>li{min-width:0}.task-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;text-align:left}.task-row:hover{background:color-mix(in srgb,var(--panel-strong) 62%,transparent)}.task-row:disabled{cursor:wait;opacity:.58}.task-row.opening:disabled{opacity:1}.task-row.selected{border-color:color-mix(in srgb,var(--border-strong) 72%,transparent);background:color-mix(in srgb,var(--panel-strong) 76%,var(--sidebar));box-shadow:0 2px 8px #1f2b220d}.task-row-body{min-width:0;display:grid;gap:4px}.task-row-body strong,.task-row-body span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-row-body strong{font-size:.85rem;font-weight:680}.task-row-body span{color:var(--faint);font-size:.7rem}.task-activity-spinner{width:14px;height:14px;margin-right:1px;border:2px solid color-mix(in srgb,var(--accent) 24%,var(--border-strong));border-top-color:var(--accent);border-radius:50%;animation:task-spin .85s linear infinite}@keyframes task-spin{to{transform:rotate(360deg)}}.task-list-empty{padding:30px 14px;color:var(--faint);font-size:.8rem;text-align:center}.content-panel{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--panel)}.status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-bottom:1px solid var(--border);background:var(--border)}.status-item{min-width:0;display:flex;align-items:baseline;gap:8px;padding:10px 18px;background:var(--panel-strong)}.status-item span{color:var(--faint);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.status-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.state-banner,.alert.inline-alert{display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 18px;border-bottom:1px solid var(--border);background:var(--warning-soft);color:var(--warning);font-size:.76rem;text-align:center}.state-banner span{color:color-mix(in srgb,currentColor 75%,var(--muted))}.state-banner.locked,.alert.error{background:var(--danger-soft);color:var(--danger)}.state-banner.warning{background:var(--warning-soft);color:var(--warning)}.state-banner.subtle{background:var(--sidebar);color:var(--muted)}.alert{padding:11px 13px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:11px;font-size:.8rem;line-height:1.4}.alert.success{background:var(--accent-soft);color:var(--success)}.alert.inline-alert{border:0;border-bottom:1px solid color-mix(in srgb,currentColor 17%,transparent);border-radius:0}.text-button{padding:2px;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;font-size:inherit;font-weight:750}.task-view{min-height:0;flex:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.task-header{padding:20px clamp(18px,3vw,34px) 14px;border-bottom:1px solid var(--border)}.task-header>div:nth-child(2){min-width:0;flex:1}.task-header h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-actions{display:flex;gap:8px}.back-button{display:none;font-size:1.7rem}.transcript{overflow-y:auto;overscroll-behavior:contain;padding:24px clamp(18px,6vw,80px) 34px;scroll-behavior:smooth}.message{width:fit-content;max-width:min(760px,86%);margin:0 0 22px}.message.user{margin-left:auto}.message-role{display:block;margin:0 0 6px 2px;color:var(--faint);font-size:.67rem;font-weight:760;letter-spacing:.07em;text-transform:uppercase}.message p{margin:0;padding:13px 15px;border:1px solid var(--border);border-radius:4px 16px 16px;background:var(--panel-strong);line-height:1.57;overflow-wrap:anywhere;white-space:pre-wrap}.message.user p{border-color:color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:16px 4px 16px 16px;background:var(--accent-soft)}.message.system,.message.unknown{max-width:100%;color:var(--muted);font-size:.84rem}.capture-note{margin:28px 0 0;color:var(--faint);font-size:.68rem;text-align:center}.transcript-placeholder,.empty-state{height:100%;min-height:220px;display:grid;place-content:center;justify-items:center;padding:30px;color:var(--faint);text-align:center}.transcript-error{max-width:560px;display:grid;justify-items:start;gap:8px;margin:0 auto 24px;padding:16px;border:1px solid color-mix(in srgb,var(--danger) 22%,var(--border));border-radius:14px;background:var(--danger-soft);color:var(--danger)}.transcript-error p{margin:0;color:color-mix(in srgb,currentColor 80%,var(--muted));font-size:.82rem;line-height:1.45;overflow-wrap:anywhere}.empty-state{flex:1}.empty-state h2{margin:6px 0;color:var(--text)}.empty-state p{max-width:390px;line-height:1.5}.empty-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:12px;border:1px solid var(--border);border-radius:18px;background:var(--panel-strong);color:var(--accent);font-size:1.5rem}.composer{margin:0 clamp(16px,6vw,74px) max(14px,env(safe-area-inset-bottom));padding:10px 12px 8px;border:1px solid var(--border-strong);border-radius:17px;background:var(--panel-strong);box-shadow:0 10px 32px #1f2b2217}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 52%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent),0 10px 32px #1f2b2217}.composer textarea{width:100%;min-height:48px;max-height:180px;resize:none;padding:6px 5px;border:0;outline:0;background:transparent;color:var(--text);line-height:1.45}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-footer>span{padding-left:5px;color:var(--faint);font-size:.67rem}.send-button{min-height:36px;padding:7px 15px}.settings-dialog{width:min(calc(100% - 32px),580px);max-height:min(calc(100dvh - 32px),820px);overflow-y:auto;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--panel-strong);color:var(--text);box-shadow:var(--shadow)}.settings-dialog::backdrop{background:#0a100c6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-dialog .settings-list{margin-bottom:24px}.settings-dialog .dialog-actions{justify-content:space-between;margin-top:24px}@media(max-width:720px){.app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:calc(54px + env(safe-area-inset-top)) minmax(0,1fr)}.topbar{grid-column:1;padding-top:env(safe-area-inset-top)}.task-panel,.content-panel{grid-row:2}.task-panel{grid-column:1;padding:20px 12px max(14px,env(safe-area-inset-bottom));border-right:0}.content-panel{grid-column:1;display:none}.app-shell.show-task .task-panel{display:none}.app-shell.show-task .content-panel{display:flex}.status-strip{display:none}.state-banner,.alert.inline-alert{align-items:flex-start;flex-direction:column;gap:3px;padding:10px 16px;text-align:left}.task-header{padding:13px 12px}.task-header .eyebrow{display:none}.task-header h2{font-size:1rem}.back-button{display:grid}.task-actions .ghost{display:none}.transcript{padding:20px 14px 28px}.message{max-width:91%}.message p{font-size:.9rem}.composer{margin:0 10px max(9px,env(safe-area-inset-bottom))}.composer-footer>span{display:none}.composer-footer>.working-hint{display:inline}.composer-footer{justify-content:flex-end}.connection-chip{max-width:128px}.settings-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:20px 16px max(20px,env(safe-area-inset-bottom))}}@media(prefers-color-scheme:dark){:root{--bg: #111310;--panel: #161915;--panel-strong: #1d211c;--sidebar: #121512;--text: #edf1e9;--muted: #a2aca3;--faint: #788278;--border: #2a3029;--border-strong: #3a433a;--accent: #71d6a5;--accent-hover: #8be3b9;--accent-soft: #173126;--accent-bright: #dff36b;--danger: #f19b94;--danger-soft: #3a211f;--warning: #e0bd68;--warning-soft: #322a18;--success: #71d6a5;--shadow: 0 28px 70px rgb(0 0 0 / 34%)}.button.primary{color:#092417}.centered-shell{background:radial-gradient(circle at 10% 5%,rgb(109 126 50 / 12%),transparent 28rem),radial-gradient(circle at 90% 90%,rgb(35 108 75 / 12%),transparent 30rem),var(--bg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}