:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-sans)}button,input{font:inherit}.shell{--bg:#f7f4ed;--surface:#fff;--surface-soft:#eee8db;--border:#d8d2c6;--text:#151515;--muted:#6f6a61;--faint:#a49c90;--red:#d71920;--red-soft:#d719201a;--green:#1f8a5b;background:radial-gradient(circle at 50% 24%, #d7192014, transparent 28rem), var(--bg);color:var(--text);grid-template-rows:auto auto minmax(0,1fr) auto auto;min-height:100svh;transition:background .18s,color .18s;display:grid;overflow:hidden}.shell.dark{--bg:#080808;--surface:#101010;--surface-soft:#151515;--border:#2a2a2a;--text:#f3f0e8;--muted:#8b8b85;--faint:#575750;--red:#e31b23;--red-soft:#e31b231f;--green:#41b883;background:radial-gradient(circle at 50% 26%, #e31b2326, transparent 24rem), var(--bg)}.topbar{border-bottom:1px solid var(--border);font-family:var(--font-mono);justify-content:space-between;align-items:center;height:56px;padding:0 clamp(16px,4vw,40px);display:flex}.brand,.status{align-items:center;gap:7px;min-width:0;display:inline-flex}.brand{letter-spacing:0;font-size:clamp(20px,5vw,32px);line-height:1}.status{color:var(--muted);white-space:nowrap;font-size:clamp(11px,2.6vw,14px)}.signal-dot,.live-dot{background:var(--red);border-radius:50%;display:inline-block}.signal-dot{width:6px;height:6px}.live-dot{width:10px;height:10px;box-shadow:0 0 22px #d7192073}.signal-line{border-bottom:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:18px clamp(16px,8vw,96px);font-size:clamp(12px,2.7vw,15px);overflow:hidden}.stage{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:330px;padding:clamp(28px,6vw,72px) 20px 16px;display:flex}.operator-core{aspect-ratio:1;width:clamp(116px,28vw,188px);height:clamp(116px,28vw,188px);max-height:28vh;position:relative}.fallback-core{filter:blur(.2px);background:radial-gradient(circle,#d7192085,#0000 36%),radial-gradient(circle at 47% 52%,#d7192038,#0000 58%);border-radius:50%}.stage h1{color:var(--text);font-family:var(--font-mono);text-align:center;max-width:980px;margin:0;font-size:clamp(19px,4.2vw,34px);font-weight:500;line-height:1.25}.conversation{flex-direction:column;gap:12px;width:100%;max-width:1040px;margin:0 auto;padding:12px clamp(14px,4vw,40px) 22px;display:flex;overflow:auto}.message{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:8px;padding:14px}.message p{color:var(--text);margin:6px 0 0;font-size:15px;line-height:1.55}.message-label{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;font-size:11px;display:block}.message.user{background:var(--surface-soft)}.message.artifact{border-color:color-mix(in srgb, var(--red) 34%, var(--border))}.message.progress{background:var(--red-soft)}.command-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 0 12px;display:grid}.command{background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--border);color:var(--muted);cursor:pointer;text-align:left;border-radius:8px;align-items:flex-start;gap:6px;min-height:116px;padding:16px;transition:border-color .16s,transform .16s,background .16s;display:grid}.command:hover{background:var(--surface);border-color:var(--red);transform:translateY(-1px)}.command-label{color:var(--text);font-family:var(--font-mono);font-size:19px}.command small{color:var(--faint);font-family:var(--font-mono);text-transform:uppercase;align-self:end;font-size:11px}.composer{background:color-mix(in srgb, var(--surface) 92%, transparent);border-top:1px solid var(--border);grid-template-columns:48px minmax(0,1fr) auto 44px;align-items:center;gap:10px;padding:12px clamp(12px,4vw,32px);display:grid}.icon-button,.theme-button,.send-button{border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;height:44px;display:inline-flex}.icon-button,.theme-button{color:var(--muted);font-family:var(--font-mono);background:0 0;width:44px;font-size:22px}.prompt{border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;min-width:0;height:44px;padding:0 12px;display:flex}.prompt span{color:var(--red);font-family:var(--font-mono)}.prompt input{color:var(--text);background:0 0;border:0;outline:none;width:100%;min-width:0}.prompt input::placeholder{color:var(--muted)}.send-button{background:var(--red);border-color:var(--red);color:#fff;font-family:var(--font-mono);min-width:82px;padding:0 18px}@media (max-width:720px){.shell{grid-template-rows:auto auto auto minmax(0,1fr) auto}.topbar{height:52px;padding:0 14px}.stage{min-height:300px;padding-top:30px}.command-grid{grid-template-columns:1fr}.composer{grid-template-columns:44px minmax(0,1fr) 44px}.send-button{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}