:root{--bg:#090d14;--card:#0f1623;--line:#1e293b;--tx:#e2e8f0;--mu:#94a3b8;--ac:#34d399}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 'Plus Jakarta Sans',system-ui,sans-serif}
h1,h2,h3,.brand{font-family:Outfit,sans-serif}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.1;margin:.3em 0}h2{margin-top:2.5em}
a{color:var(--ac)}code,.mono{font-family:'JetBrains Mono',monospace}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#090d14ee;backdrop-filter:blur(8px);z-index:5}
.brand{color:var(--tx);text-decoration:none;font-weight:700;display:flex;gap:10px;align-items:center}.dot{width:12px;height:12px;border-radius:50%;background:var(--ac);box-shadow:0 0 12px var(--ac)}
nav a{color:var(--mu);text-decoration:none;margin-left:22px;font-weight:500}nav a.on,nav a:hover{color:var(--ac)}
#menu{display:none;background:none;border:0;color:var(--tx);font-size:24px}
main{max-width:1080px;margin:auto;padding:40px 5vw}section{display:none}section.on{display:block}
.hero{padding:6vh 0 4vh;max-width:780px}.eyebrow{font:500 .8rem 'JetBrains Mono',monospace;color:var(--ac);letter-spacing:.08em;text-transform:uppercase}
.lead,.muted{color:var(--mu)}.lead{font-size:1.15rem}
.row{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.btn{display:inline-block;background:var(--ac);color:#04120b;border:0;border-radius:999px;padding:12px 24px;font-weight:600;text-decoration:none;cursor:pointer;font-size:15px}
.btn.ghost{background:none;color:var(--tx);border:1px solid var(--line)}.btn.ghost:hover{border-color:var(--ac)}
.grid3,.grid2{display:grid;gap:18px}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr 1fr}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.card p,.card li{color:var(--mu)}
.ok h3{color:var(--ac)}.no h3{color:#f87171}.amt{font:700 2rem Outfit;color:var(--tx)!important;margin:0}
details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:10px 0}summary{cursor:pointer;font-weight:600}details p{color:var(--mu)}
.drop{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed var(--line);border-radius:20px;padding:56px 20px;text-align:center;cursor:pointer;margin:20px 0}.drop span{color:var(--mu);font-size:.9rem}.drop.over,.drop:hover{border-color:var(--ac);background:#34d39908}
.input{width:100%;background:var(--card);border:1px solid var(--line);color:var(--tx);border-radius:999px;padding:12px 20px;font:inherit}
.res{margin-top:20px;border-radius:16px;padding:20px;border:1px solid var(--line);background:var(--card);word-break:break-all}.res.good{border-color:var(--ac)}.res.bad{border-color:#f87171}
.res b{font-family:Outfit}.res .mono{font-size:.85rem;color:var(--ac)}
.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}td.mono{font-size:.78rem;color:var(--mu)}
.pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.85rem;background:#34d39922;color:var(--ac)}.pill.bad{background:#f8717122;color:#f87171}
footer{text-align:center;color:var(--mu);padding:40px;border-top:1px solid var(--line);margin-top:60px}
@media(max-width:760px){.grid3,.grid2{grid-template-columns:1fr}#menu{display:block}nav{display:none;position:absolute;top:60px;left:0;right:0;background:var(--bg);padding:10px 5vw;border-bottom:1px solid var(--line)}nav.open{display:block}nav a{display:block;margin:10px 0}}
.res.warn{border-color:#fbbf24}.lvl.good{color:var(--ac)}.lvl.warn{color:#fbbf24}.lvl.bad{color:#f87171}.safety ul{margin:10px 0 10px 18px}.small{font-size:.85rem}
.note{border:1px solid #fbbf24;background:#fbbf2410;border-radius:12px;padding:12px 16px;color:#fde68a}textarea.input{width:100%;resize:vertical;margin-bottom:12px}
textarea.input{border-radius:14px}