:root{--bg:#fff8ee;--card:#fff;--ink:#2b1d14;--mute:#7a6555;--red:#d7321f;--cheese:#f6c343;--line:#ecdcc8;--ok:#2e8b57}
@media (prefers-color-scheme:dark){:root{--bg:#1c1410;--card:#271c16;--ink:#f6ead9;--mute:#b59f8a;--line:#3d2d22}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,sans-serif}
main{max-width:560px;margin:0 auto;padding:20px 16px 48px}
a{color:var(--red)}
h1{font-size:2.2rem;margin:.1em 0 0;letter-spacing:-.02em;line-height:1.1}h1 span{color:var(--red)}
h2{font-size:1.1rem;margin:0 0 8px}
.home{font-weight:900;text-decoration:none;color:var(--ink)}.home span{color:var(--red)}
.mute{color:var(--mute)}.small{font-size:.85rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin:12px 0}
button{font:inherit;font-weight:700;border:0;border-radius:12px;cursor:pointer}
.big{width:100%;padding:15px;font-size:1.15rem;background:var(--red);color:#fff}
.ghost{background:transparent;border:1px solid var(--line);color:var(--ink);padding:6px 10px;font-size:.85rem}
button:disabled{opacity:.5}
label{display:block;font-weight:700;margin-top:12px;font-size:.9rem}
input{font:inherit;width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);margin-top:4px}
.addr{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--bg);margin-top:4px;overflow:hidden}
.addr span{padding-left:12px;color:var(--mute);white-space:nowrap}.addr input{border:0;margin:0;padding-left:2px}
.err{color:var(--red);min-height:1.3em;margin-top:8px;font-size:.9rem}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.stat{background:var(--bg);border-radius:12px;padding:10px}.stat b{display:block;font-size:1.5rem}.stat span{font-size:.8rem;color:var(--mute)}
.link{display:flex;gap:8px;align-items:center}.link code{flex:1;background:var(--bg);padding:10px;border-radius:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.warn{background:#fff3c4;color:#5a4300;border-radius:12px;padding:12px;font-size:.9rem}
@media (prefers-color-scheme:dark){.warn{background:#3d3210;color:#f6e3a1}}
ol.rank{margin:0;padding:0;list-style:none}ol.rank li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--line)}
ol.rank li:first-child{border-top:0}
.perks{margin:.4em 0 0;padding-left:1.2em}.perks li{margin:.25em 0}
[hidden]{display:none!important}
.foot{margin-top:32px;padding-top:16px;border-top:1px solid var(--line);line-height:2}.foot a{color:var(--mute);margin:0 2px}
.legal h2{margin-top:22px}.legal li{margin:4px 0}.draft{display:inline-block;background:var(--cheese);color:#2b1d14;padding:4px 10px;border-radius:999px;font-weight:700}