:root{--bg: #FAFAF9;--surface: #FFFFFF;--surface-alt: #F3EFED;--fg: #0C0A09;--muted: #78716C;--border: #E7E5E4;--accent: #EA580C;--accent-hover: #C2410C;--danger: #DC2626;--st-running: #16A34A;--st-idle: #78716C;--st-starting: #F59E0B;--st-stopped: #A8A29E;--st-error: #DC2626;--radius: 2px;--radius-lg: .5rem;--ease: cubic-bezier(.4, 0, .2, 1);--ease-slide: cubic-bezier(.16, 1, .3, 1);--dur: .15s}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 Geist,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mono,code,pre{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}:focus-visible{outline:1px dotted var(--accent);outline-offset:3px;border-radius:4px}button{position:relative;overflow:hidden;background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform:scaleX(0);transform-origin:left center;z-index:-1}button:hover{border-color:var(--accent);color:var(--accent)}button.danger{border-color:var(--danger);color:var(--danger)}button:disabled{opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion: no-preference){button:not(:disabled):after{transition:transform .46s var(--ease-slide)}button:not(:disabled):hover:after{transform:scaleX(1)}button:not(:disabled):hover{color:var(--surface)}}input,textarea,select{background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:6px 8px;font:inherit;width:100%}textarea{resize:vertical;min-height:48px}.loading{padding:40px;color:var(--muted)}.app-bar{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.app-count{color:var(--muted)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--st-stopped);transition:background var(--dur) var(--ease)}.dot-running{background:var(--st-running)}.dot-idle{background:var(--st-idle)}.dot-starting{background:var(--st-starting)}.dot-stopped{background:var(--st-stopped)}.dot-error{background:var(--st-error)}@media (prefers-reduced-motion: no-preference){.dot-running{animation:pulse 1.8s var(--ease) infinite}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px;cursor:pointer;text-align:left;transition:border-color var(--dur) var(--ease)}.card:hover{border-color:var(--accent)}.card-head{display:flex;align-items:center;gap:8px}.card-name{font-weight:600}.card-tokens{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.card-thumb{margin:10px 0;aspect-ratio:16 / 9;background:var(--surface-alt);border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center}.card-thumb img{width:100%;height:100%;object-fit:cover}.thumb-placeholder{color:var(--muted)}.thumb-placeholder.big{font-size:18px}.card-goal{color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-stats{display:flex;gap:12px;color:var(--muted);margin-top:8px}.card-add{display:flex;align-items:center;justify-content:center;min-height:180px;font-size:15px;color:var(--accent)}.detail{padding:0 0 24px}.detail-bar{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border)}.detail-name{font-weight:600}.detail-state{color:var(--muted)}.detail-spacer{flex:1}.detail-error{margin:12px 20px;color:var(--danger)}.detail-body{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:16px 20px}.detail-pov img,.thumb-placeholder.big{width:100%;aspect-ratio:16 / 9;background:var(--surface-alt);border-radius:var(--radius-lg);object-fit:contain;display:flex;align-items:center;justify-content:center}.detail-vitals{display:flex;gap:16px;color:var(--muted);margin-top:8px}.detail-side{display:flex;flex-direction:column;gap:16px}.goal-editor{display:flex;flex-direction:column;gap:6px}.goal-editor label{color:var(--muted)}.token-usage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px}.token-row{display:flex;justify-content:space-between;padding:2px 0}.token-cumulative{font-weight:600}.token-label{color:var(--muted)}.token-value{font-variant-numeric:tabular-nums}.token-detail{color:var(--muted)}.thought-log{padding:0 20px}.thought-log h3{margin:8px 0}.thought{display:flex;gap:10px;padding:6px 0;border-bottom:1px solid var(--border)}.thought-action{color:var(--accent);min-width:110px;font-weight:600}.thought-latency{color:var(--muted);min-width:56px;font-variant-numeric:tabular-nums}.thought-text{color:var(--fg)}.muted{color:var(--muted)}.chat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column}.chat-log{max-height:220px;overflow-y:auto;padding:8px}.chat-line{padding:2px 0}.chat-from{color:var(--accent);font-weight:600}.chat-send{display:flex;gap:6px;padding:8px;border-top:1px solid var(--border)}.chat-send input{flex:1}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.login{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;width:320px;display:flex;flex-direction:column;gap:12px}.login h1{margin:0}.login-sub{color:var(--muted);margin:0 0 8px}.form-error{color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0a0966;display:flex;align-items:center;justify-content:center}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;width:420px;display:flex;flex-direction:column;gap:12px}.modal h2{margin:0}.modal label{display:flex;flex-direction:column;gap:4px;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.app-brand,.login-brand{display:inline-flex;align-items:center;gap:8px;font-weight:600;letter-spacing:-.02em}.brand-mark{width:12px;height:12px;border-radius:2px;background:var(--accent);display:inline-block}.app-spacer{flex:1}.app-fleet{color:var(--muted);font-size:12px}.app-fleet .anim-number{color:var(--fg);font-weight:600}.anim-number{display:inline-block}@media (prefers-reduced-motion: no-preference){.anim-number-pop{animation:pop .36s var(--ease)}}@keyframes pop{0%{transform:scale(1);color:var(--accent)}40%{transform:scale(1.18);color:var(--accent)}to{transform:scale(1)}}@keyframes pulse{0%,to{box-shadow:0 0 #16a34a80}50%{box-shadow:0 0 0 4px #16a34a00}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes shimmer{to{background-position:200% 0}}@keyframes feed-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: no-preference){.modal-enter{animation:modal-in .22s var(--ease-slide)}}.select-skeleton{height:32px;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(90deg,var(--surface-alt) 25%,#ECE8E6 37%,var(--surface-alt) 63%);background-size:200% 100%}@media (prefers-reduced-motion: no-preference){.select-skeleton{animation:shimmer 1.2s infinite linear}}.model-fallback{color:var(--muted)}.model-fallback-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}button.link{background:none;border:none;color:var(--accent);padding:0}button.link:after{display:none}@media (prefers-reduced-motion: no-preference){.login-shake{animation:shake .42s var(--ease)}}.stat-strip{display:flex;gap:18px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.stat{display:flex;flex-direction:column}.stat-label{font-size:11px;color:var(--muted);text-transform:lowercase}.stat-value{font-weight:600}.cache-hit{color:var(--st-running)}.cache-miss{color:var(--st-starting)}.cache-none{color:var(--muted)}.telemetry{margin-top:16px}.activity-feed{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-top:10px}.af-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);padding:4px 6px 0;position:relative}.af-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);padding:6px 10px;border-radius:0}.af-tab:after{display:none}.af-tab-active{color:var(--fg);border-bottom-color:var(--accent)}@media (prefers-reduced-motion: no-preference){.af-tab{transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}}.af-list{max-height:320px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:2px}.af-row{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:baseline;padding:4px 6px;border-radius:var(--radius)}.af-row:hover{background:var(--surface-alt)}@media (prefers-reduced-motion: no-preference){.af-row{animation:feed-in .22s var(--ease)}}.af-time{color:var(--muted);font-size:11px}.af-icon{color:var(--muted)}.af-body{min-width:0}.af-text{color:var(--fg)}.af-action{color:var(--accent)}.af-msg{color:var(--fg)}.af-thought{color:var(--muted)}.af-chat{color:var(--fg)}.af-life{color:var(--st-running)}.af-error .af-errtext{color:var(--danger)}