:root{--bg0:#0c1210;--bg1:#14201a;--ink:#e8f0ea;--muted:#9bb0a3;--accent:#3dcf8e;--accent-dim:#2a9a68;--danger:#e86a6a;--line:rgba(232,240,234,0.12);--card:rgba(20,32,26,0.85);--font-display:"Fraunces","Source Serif 4",Georgia,serif;--font-body:"IBM Plex Sans","Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,rgba(61,207,142,.18),transparent 55%),radial-gradient(900px 500px at 90% 0,rgba(80,140,255,.12),transparent 50%),linear-gradient(160deg,var(--bg0),var(--bg1));color:var(--ink);font-family:var(--font-body)}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-family:var(--font-display);font-weight:600;font-size:1.35rem;letter-spacing:-.02em}.brand span{color:var(--accent)}.main{flex:1 1;display:grid;place-items:center;padding:2rem 1.25rem 4rem}.hero{max-width:40rem;text-align:center;animation:rise .7s ease-out both}.hero h1{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.6rem);line-height:1.05;margin:0 0 .75rem;letter-spacing:-.03em}.hero p{margin:0 0 1.75rem;color:var(--muted);font-size:1.05rem}.panel{width:min(420px,100%);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.5rem;animation:rise .5s ease-out both}.panel h1{font-family:var(--font-display);font-size:1.6rem;margin:0 0 1rem}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}input{width:100%;margin-bottom:.9rem;padding:.7rem .8rem;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--ink);font:inherit}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:999px;padding:.7rem 1.15rem;background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#04140c;font-weight:600;cursor:pointer;font:inherit}.btn.secondary,button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.error{color:var(--danger)}.error,.ok{font-size:.9rem;margin:0 0 .75rem}.ok{color:var(--accent)}.settings-list{width:min(720px,100%);display:grid;grid-gap:.85rem;gap:.85rem}.setting-row{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;animation:rise .45s ease-out both}.setting-row strong{display:block;font-family:var(--font-mono,ui-monospace,monospace);font-size:.92rem;margin-bottom:.25rem}.setting-row p{margin:0 0 .65rem;color:var(--muted);font-size:.85rem}.nav-actions{display:flex;gap:.5rem;align-items:center}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:640px){.topbar{padding:.85rem 1rem}}