:root{--bg:#0b0f14;--bg-soft:#111721;--panel:#151c27;--panel-2:#1b2330;--line:#232d3c;--line-soft:#1c2532;--tx:#e8eef6;--tx-dim:#9aa9bd;--tx-faint:#64748b;--accent:#3b82f6;--accent-soft:#1e3a8a;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--violet:#a78bfa;--radius:12px;--radius-lg:18px;--mono:"SF Mono",ui-monospace,"Cascadia Code",Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--tx);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.02em;line-height:1.2}h1{font-size:clamp(28px,5vw,44px)}h2{font-size:24px}h3{font-size:18px}p{margin:0 0 12px}.mono,code{font-family:var(--mono);font-size:.92em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:10px;border:1px solid transparent;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .14s,border-color .14s,opacity .14s;white-space:nowrap}.btn,.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#2f74e8}.btn-ghost{background:var(--panel);color:var(--tx);border-color:var(--line)}.btn-ghost:hover:not(:disabled){background:var(--panel-2)}.btn-danger{background:transparent;color:var(--bad);border-color:rgba(239,68,68,.35)}.btn-danger:hover:not(:disabled){background:rgba(239,68,68,.1)}.btn-lg{padding:14px 28px;font-size:16px}.btn-sm{padding:7px 14px;font-size:13.5px}.btn-block{width:100%}.field{margin-bottom:16px}.label{display:block;margin-bottom:7px;font-size:13px;font-weight:600;color:var(--tx-dim);letter-spacing:.01em}.input,.select,.textarea{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg-soft);color:var(--tx);font-size:15px;font-family:inherit;transition:border-color .14s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent)}.input::placeholder,.textarea::placeholder{color:var(--tx-faint)}.textarea{min-height:100px;resize:vertical;line-height:1.55}.hint{font-size:12.5px;color:var(--tx-faint);margin-top:6px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px}.card-tight{padding:16px;border-radius:var(--radius)}.alert{padding:12px 16px;border-radius:10px;font-size:14px;border:1px solid var(--line);background:var(--panel);margin-bottom:16px}.alert-error{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.08);color:#fca5a5}.alert-ok{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.08);color:#86efac}.alert-info{border-color:rgba(59,130,246,.4);background:rgba(59,130,246,.08);color:#93c5fd}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--panel-2);border:1px solid var(--line);color:var(--tx-dim)}.badge-ok{color:var(--ok);border-color:rgba(34,197,94,.35)}.badge-warn{color:var(--warn);border-color:rgba(245,158,11,.35)}.badge-bad{color:var(--bad);border-color:rgba(239,68,68,.35)}.container{max-width:1180px;margin:0 auto;padding:0 22px}.container-narrow{max-width:460px;margin:0 auto;padding:0 22px}.stack>*+*{margin-top:14px}.row,.row-between{display:flex;gap:12px;align-items:center}.row-between{justify-content:space-between}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.muted{color:var(--tx-dim)}.faint{color:var(--tx-faint)}.small{font-size:13px}.center{text-align:center}.topbar{border-bottom:1px solid var(--line);background:rgba(11,15,20,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:40}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--tx)}.logo:hover{text-decoration:none}.logo-dot{color:var(--accent)}.nav{display:flex;gap:22px;align-items:center}.nav a{color:var(--tx-dim);font-size:14.5px;font-weight:500}.nav a:hover{text-decoration:none}.nav a.active,.nav a:hover{color:var(--tx)}.meter{display:grid;grid-gap:6px;gap:6px}.meter-row{display:grid;grid-template-columns:96px 1fr 34px;align-items:center;grid-gap:10px;gap:10px}.meter-label{font-size:12px;color:var(--tx-faint)}.meter-track{height:6px;background:var(--panel-2);border-radius:3px;overflow:hidden}.meter-fill{height:100%;border-radius:3px;transition:width .5s ease}.meter-value{font-family:var(--mono);font-size:12px;color:var(--tx-dim);text-align:right}.dialogue{display:flex;flex-direction:column;gap:12px}.bubble{max-width:76%;padding:11px 15px;border-radius:14px;font-size:14.5px;line-height:1.55}.bubble-persona{align-self:flex-start;background:var(--panel);border:1px solid var(--line);border-bottom-left-radius:4px}.bubble-user{align-self:flex-end;background:var(--accent-soft);border:1px solid #2b4c9b;border-bottom-right-radius:4px}.bubble-role{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--tx-faint);margin-bottom:4px}@media (max-width:640px){.nav{gap:14px}.nav a{font-size:13.5px}.bubble{max-width:88%}}