:root{--font-body:"Trebuchet MS","Lucida Sans Unicode","Segoe UI",sans-serif;--font-heading:"Palatino Linotype","Book Antiqua",Palatino,serif;--bg:#f6f1e9;--panel:#fffaf3;--ink:#1f2622;--muted:#55635c;--line:#d2c8ba;--brand:#174a3a;--brand-strong:#12372b;--accent:#f3b74a;--danger:#a52c2c;--ok:#1a7e48;--radius:16px;--shadow:0 14px 34px #11201914}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 20% 15%,#f3b74a33 0,#f3b74a00 45%),radial-gradient(circle at 80% 20%,#174a3a2e 0,#174a3a00 50%),var(--bg);font-family:var(--font-body),"Segoe UI",sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-heading),"Segoe UI",sans-serif;margin:0;line-height:1.1}h1{letter-spacing:-.02em;font-size:clamp(2rem,4vw,3.4rem)}h2{font-size:clamp(1.3rem,2.3vw,2rem)}p{margin:0}pre{border:1px solid var(--line);background:#f4eee3;border-radius:12px;margin:0;padding:1rem;font-size:.9rem;overflow-x:auto}input,button{font:inherit}input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:.72rem .86rem}button{cursor:pointer}.container{width:min(1100px,100% - 2rem);margin-inline:auto}.stack{flex-direction:column;gap:1rem;display:flex}.row{align-items:center;gap:.75rem;display:flex}.between{justify-content:space-between}.page-root{padding-block:2.2rem 4rem}.topbar{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#f6f1e9d9;border-bottom:1px solid #12372b26;position:sticky;top:0}body:has(main.home-page) .topbar{display:none}.topbar .container{min-height:68px}.brand{font-family:var(--font-heading),"Segoe UI",sans-serif;letter-spacing:.04em;font-weight:700}.nav-links a{color:var(--muted);transition:color .2s}.nav-links a:hover{color:var(--ink)}.hero{padding-block:2.7rem 4.2rem}.hero-panel{border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);background:linear-gradient(125deg,#fffaf3f0,#fffaf3d1),radial-gradient(circle at 100% 0,#f3b74a4d,#0000 55%);border:1px solid #174a3a38;padding:2.1rem}.hero-copy{max-width:72ch}.hero-cta{flex-wrap:wrap}.badge{width:fit-content;color:var(--brand-strong);letter-spacing:.08em;text-transform:uppercase;background:#f3b74a33;border:1px solid #174a3a59;border-radius:999px;align-items:center;padding:.3rem .75rem;font-size:.78rem;display:inline-flex}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:1.2rem}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.list{gap:.35rem;margin:0;padding-left:1rem;display:grid}.btn{border:1px solid #0000;border-radius:999px;padding:.62rem 1rem;transition:transform .15s,background-color .2s,border-color .2s}.btn:hover{transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.btn-primary{border-color:var(--brand);background:var(--brand);color:#f8f6f1}.btn-primary:hover{background:var(--brand-strong)}.btn-secondary{border-color:var(--line);color:var(--ink);background:#f8f2e7}.field span{color:var(--muted);font-size:.9rem}.auth-page{padding-block:2.5rem}.narrow{width:min(520px,100%);margin-inline:auto}.auth-form{width:100%}.muted{color:var(--muted)}.error{color:var(--danger)}.success{color:var(--ok)}.toggle-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.toggle{border:1px solid var(--line);background:#f6efe4;border-radius:999px;padding:.56rem .6rem}.toggle.active{border-color:var(--brand);background:#174a3a24}.dashboard-root{gap:1.2rem}.keys-table{gap:.4rem;display:grid}.keys-row{border:1px solid var(--line);background:#fffdf9;border-radius:10px;grid-template-columns:2fr 1fr 1.5fr 1fr 1fr 2.2fr;align-items:center;gap:.5rem;padding:.55rem .6rem;display:grid}.keys-head{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.82rem}@media (max-width:860px){.grid-two,.keys-row{grid-template-columns:1fr}.keys-row span{justify-content:space-between;gap:1rem;display:flex}.keys-row span:before{content:attr(data-label);color:var(--muted)}.keys-head{display:none}.topbar .container{flex-direction:column;justify-content:center;gap:.45rem;padding-block:.55rem}}
