:root{color-scheme:dark;--bg:#071018;--panel:#0d1b26;--line:#263847;--text:#eaf3f7;--muted:#a7b8c4;--accent:#55d6be;--blue:#70a7ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#123348 0,transparent 36%),var(--bg);color:var(--text);font:16px/1.55 system-ui,sans-serif}main{max-width:880px;margin:auto;padding:32px 20px 72px}.brand{letter-spacing:.18em;font-weight:800;color:var(--accent)}h1{font-size:clamp(2rem,6vw,4rem);line-height:1.05;margin:.35em 0}.lede{font-size:1.15rem;color:var(--muted);max-width:65ch}.card{background:rgba(13,27,38,.92);border:1px solid var(--line);border-radius:18px;padding:24px;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}label{display:block;font-weight:650}select,input{width:100%;margin-top:7px;padding:12px;border:1px solid #40596c;border-radius:9px;background:#071018;color:var(--text)}button{border:0;border-radius:10px;padding:14px 20px;background:var(--accent);color:#03231d;font-weight:800;cursor:pointer}.tag{display:inline-block;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--blue);font-size:.82rem}.result{display:none}.result.visible{display:block}.fine{font-size:.88rem;color:var(--muted)}a{color:var(--accent)}