:root{--bg: #0b0f1a;--surface: #131929;--border: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--accent: #3b82f6;--danger: #ef4444;--ok: #22c55e;font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}a{color:var(--accent)}button{cursor:pointer;font:inherit}input,textarea,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.65rem .85rem;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;width:100%;box-sizing:border-box}.btn{border:none;border-radius:10px;padding:.65rem 1.1rem;font-weight:600}.btn-primary{background:var(--accent);color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--danger);color:#fff}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:1rem;display:flex;flex-direction:column;gap:.35rem}.sidebar a{text-decoration:none;padding:.55rem .75rem;border-radius:10px;color:var(--muted)}.sidebar a:hover,.sidebar a.active{background:var(--bg);color:var(--text)}.sidebar-lang{margin-top:.5rem;display:flex;flex-direction:column;gap:.35rem}.sidebar-lang label{color:var(--muted);font-size:.75rem}.sidebar-lang select{width:100%}.main{padding:1.25rem clamp(.75rem,2vw,1.5rem);overflow:auto}.muted{color:var(--muted);font-size:.875rem}.err{color:var(--danger);font-size:.875rem}.banner-warn{border:1px solid color-mix(in srgb,var(--danger) 55%,var(--border));background:color-mix(in srgb,var(--danger) 14%,var(--surface));border-radius:14px;padding:.95rem 1.1rem;width:100%;box-sizing:border-box}.banner-warn strong{display:block;color:var(--danger);margin-bottom:.35rem}.banner-warn p{margin:0;color:var(--text);font-size:.925rem;line-height:1.5}.ok{color:var(--ok)}.stack{display:flex;flex-direction:column;gap:1rem;width:80%;min-width:min(360px,100%);max-width:100%;margin-inline:auto}.stack .stack{width:100%;min-width:0;max-width:none;margin-inline:0}.vstack{display:flex;flex-direction:column;gap:1rem;width:100%;min-width:0;box-sizing:border-box}.stack-narrow{width:min(420px,90%);min-width:0}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.chat-log{min-height:280px;max-height:min(60vh,720px);overflow-y:auto;padding:1rem;background:var(--bg);border-radius:12px;border:1px solid var(--border);margin-bottom:.75rem;white-space:pre-wrap}.msg-user{color:var(--accent);margin-bottom:.5rem}.msg-asst{margin-bottom:1rem}.msg-role{font-weight:600;margin-right:.35rem}.usage-metrics{margin:0;padding-left:1.2rem;line-height:1.8}.usage-metrics li+li{margin-top:.35em}.msg-streaming{opacity:.95}.stream-caret{display:inline-block;width:.45em;height:1em;margin-left:.1em;vertical-align:text-bottom;background:var(--accent);animation:caret-blink 1s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.chat-status{display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;margin-top:-.35rem;margin-bottom:.25rem;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,var(--accent));color:var(--muted);font-size:.875rem}.chat-status-spinner{width:.85rem;height:.85rem;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-top-color:var(--accent);animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.stack{width:min(92%,100%);min-width:0}}@media(max-width:720px){.layout{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border);align-items:center}.sidebar-lang{width:100%;margin-top:.25rem}}