:root{--bg:#0d0d12;--surface:#16161f;--surface2:#1e1e2a;--border:#2a2a3a;--text:#e8e4d9;--text-dim:#8a8499;--accent:#9d6fff;--accent-glow:#9d6fff26;--ghost-bg:#1a1528;--user-bg:#1a2228;--fade-bg:#1a1a1f;--danger:#c44;--spell-bg:#1a2a1a;--progress-bg:#2a2a3a;--progress-fill:#9d6fff;--font-body:"Georgia", serif;--font-mono:"Courier New", monospace;--radius:8px}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f5f0eb;--surface:#eeead8;--surface2:#e5dfc8;--border:#ccc5a8;--text:#1a1510;--text-dim:#6a6055;--accent:#6a3fff;--accent-glow:#6a3fff1a;--ghost-bg:#ede8f5;--user-bg:#e8f0f5;--fade-bg:#f0eee8;--spell-bg:#e8f5e8;--progress-bg:#ddd8c8;--progress-fill:#6a3fff}}:root[data-theme=dark]{--bg:#0d0d12;--surface:#16161f;--surface2:#1e1e2a;--border:#2a2a3a;--text:#e8e4d9;--text-dim:#8a8499;--accent:#9d6fff;--ghost-bg:#1a1528;--user-bg:#1a2228;--fade-bg:#1a1a1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100dvh;font-size:16px;line-height:1.6}.app{grid-template:"header header""main spells"1fr"footer footer"/1fr min(340px,30vw);max-width:1200px;min-height:100dvh;margin:0 auto;display:grid}@media (width<=700px){.app{grid-template-columns:1fr;grid-template-areas:"header""main""spells""footer"}}.app-header{border-bottom:1px solid var(--border);background:var(--surface);grid-area:header;padding:24px 16px 12px}.app-title{letter-spacing:.02em;color:var(--accent);font-size:1.6rem;font-weight:400}.app-subtitle{color:var(--text-dim);margin-top:4px;font-size:.9rem}.meter-wrap{align-items:center;gap:8px;margin-top:8px;display:flex}.meter-bar{background:var(--progress-bg);border-radius:3px;flex:1;max-width:200px;height:6px;overflow:hidden}.meter-bar__fill{background:var(--accent);border-radius:3px;height:100%;transition:width .4s}.meter-label{color:var(--text-dim);font-size:.8rem}.app-main{flex-direction:column;grid-area:main;padding:0 16px 16px;display:flex;overflow:hidden}.chat-area{flex:1;padding:16px 0;overflow-y:auto}.message-list{flex-direction:column;gap:12px;display:flex}.bubble{border-radius:var(--radius);border:1px solid var(--border);max-width:80%;padding:10px 14px;position:relative}.bubble--ghost{background:var(--ghost-bg);border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow);align-self:flex-start}.bubble--user{background:var(--user-bg);align-self:flex-end}.bubble--faded{background:var(--fade-bg);opacity:.75;border-color:var(--border);box-shadow:none}.bubble--spell{border-color:#4a9;box-shadow:0 0 10px #44aa6626}.bubble__label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:4px;font-size:.7rem;display:block}.bubble__text{font-size:.95rem}.bubble__spell-output{background:var(--surface2);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;border-radius:4px;margin-top:8px;padding:6px 8px;font-size:.85rem}.bubble__spell-error{color:var(--danger);font-size:.8rem;font-family:var(--font-mono);margin-top:6px}.bubble--thinking{padding:14px}.thinking-dots span{color:var(--accent);margin:0 1px;font-size:1.4rem;animation:1.2s infinite blink;display:inline-block}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.input-row{border-top:1px solid var(--border);gap:8px;padding-top:12px;display:flex}.chat-input{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-body);outline:none;flex:1;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.chat-input:focus{border-color:var(--accent)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-input::placeholder{color:var(--text-dim)}.send-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:10px 18px;font-size:1.1rem;transition:opacity .2s}.send-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn:hover:not(:disabled){opacity:.85}.capability-banner{border:1px solid var(--danger);border-radius:var(--radius);color:#f88;background:#2a1010;margin:16px 0;padding:14px}.capability-banner p{margin-top:6px;font-size:.9rem}.progress-wrap{text-align:center;margin:16px 0}.progress-label{color:var(--text-dim);margin-bottom:8px;font-size:.9rem}.progress-bar{background:var(--progress-bg);border-radius:4px;height:8px;overflow:hidden}.progress-bar__fill{background:var(--progress-fill);border-radius:4px;height:100%;transition:width .3s}.progress-pct{color:var(--accent);margin-top:6px;font-size:.85rem}.spell-panel{background:var(--surface);border-left:1px solid var(--border);grid-area:spells;padding:16px;overflow-y:auto}.spell-panel__title{color:var(--accent);margin-bottom:6px;font-size:1rem;font-weight:400}.spell-panel__subtitle{color:var(--text-dim);margin-bottom:12px;font-size:.8rem}.spell-list{flex-direction:column;gap:10px;list-style:none;display:flex}.spell-btn{text-align:left;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:100%;color:var(--text);font-family:var(--font-body);align-items:center;gap:8px;padding:8px 10px;font-size:.9rem;transition:border-color .2s,box-shadow .2s;display:flex}.spell-btn:hover:not(:disabled){border-color:#4a9;box-shadow:0 0 8px #44aa6626}.spell-btn:disabled{opacity:.5;cursor:not-allowed}.spell-btn__id{font-family:var(--font-mono);color:#4a9;min-width:48px;font-size:.75rem}.spell-btn__name{flex:1}.spell-btn__running{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spell-item__desc{color:var(--text-dim);margin-top:3px;padding:2px 4px;font-size:.75rem}.app-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--text-dim);text-align:center;grid-area:footer;padding:10px 16px;font-size:.8rem}.app-footer a{color:var(--accent);text-decoration:none}.app-footer a:hover{text-decoration:underline}