:root{--bg: #0a0c10;--bg-raised: #11141b;--bg-card: #141821;--bg-hover: #1a1f29;--border: #232834;--border-soft: #1b2029;--text-1: #ece7df;--text-2: #a8a39a;--text-3: #6b6b73;--ember: #e8703a;--ember-d: #c45a2c;--ember-soft: rgba(232, 112, 58, .12);--cool: #6ea8c4;--warm: #d6a85f;--mid: #8a8f9c;--r-sm: 7px;--r: 11px;--r-lg: 16px;--mono: "Spline Sans Mono", ui-monospace, monospace;--display: "Fraunces", Georgia, serif;--body: "Outfit", system-ui, sans-serif;--maxw: 1080px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text-1);font-family:var(--body);font-weight:300;line-height:1.55;-webkit-font-smoothing:antialiased;background-image:radial-gradient(1200px 600px at 80% -10%,rgba(232,112,58,.06),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(110,168,196,.05),transparent 55%);background-attachment:fixed}a{color:inherit;text-decoration:none}button{font-family:var(--body);cursor:pointer}input{font-family:var(--body)}.display{font-family:var(--display);font-weight:500;letter-spacing:-.01em}.mono{font-family:var(--mono)}.label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.shell{min-height:100%;display:flex;flex-direction:column}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.topbar{position:sticky;top:0;z-index:50;background:#0a0c10d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft)}.topbar-inner{height:60px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:baseline;gap:8px}.brand .dot{color:var(--ember)}.brand small{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);font-weight:400}.nav{display:flex;gap:4px;align-items:center}.nav a{font-size:13px;color:var(--text-2);padding:7px 13px;border-radius:var(--r-sm);transition:color .15s,background .15s;white-space:nowrap}.nav a:hover{color:var(--text-1);background:var(--bg-hover)}.nav a.active{color:var(--ember)}.btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-1);padding:8px 16px;border-radius:var(--r-sm);font-size:13px;transition:border-color .15s,background .15s,transform .05s;white-space:nowrap}.btn:hover{border-color:var(--ember);background:var(--bg-hover)}.btn:active{transform:translateY(1px)}.btn-ember{background:var(--ember);border-color:var(--ember);color:#1a0f08;font-weight:500}.btn-ember:hover{background:var(--ember-d);border-color:var(--ember-d)}.btn-ghost{background:transparent}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--r);padding:18px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-title{font-family:var(--display);font-size:16px;font-weight:500}.state{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;padding:3px 9px;border-radius:100px;border:1px solid var(--border)}.state.cool{color:var(--cool);border-color:#6ea8c44d}.state.warm{color:var(--warm);border-color:#d6a85f4d}.state.mid{color:var(--mid);border-color:var(--border)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12px;color:var(--text-2)}.field input{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:11px 13px;color:var(--text-1);font-size:14px;transition:border-color .15s}.field input:focus{outline:none;border-color:var(--ember)}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.center{text-align:center}.row{display:flex;gap:12px;align-items:center}.wrap{flex-wrap:wrap}.spacer{flex:1}.grid{display:grid;gap:14px}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--ember);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fade .4s ease both}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.disclaimer{font-size:11px;color:var(--text-3);line-height:1.5;border-top:1px solid var(--border-soft);padding-top:12px;margin-top:16px}.footer{border-top:1px solid var(--border-soft);margin-top:48px;padding:24px 0;font-size:11px;color:var(--text-3)}@media (max-width: 640px){.topbar-inner{height:56px}.nav{gap:2px}.nav a{padding:6px 8px;font-size:12px}.brand{font-size:19px}.brand-sub{display:none}.btn{padding:7px 12px;font-size:12px}.container{padding:0 14px}}@media (max-width: 380px){.nav a{padding:5px 6px;font-size:11px}.btn{padding:6px 10px;font-size:11px}}