:root{--bg: #0c0f0d;--panel: #121614;--ink: #e9ffee;--muted: #a7c4b6;--acc: #25e066;--acc2: #0bbf52;--pill: #132617;--shadow: 0 20px 60px rgba(0, 0, 0, .35);--radius: 18px;font-family:JetBrains Mono,ui-monospace,monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 10% 30%,rgba(37,224,102,.08),transparent),var(--bg);color:var(--ink)}.wrap{max-width:900px;margin-inline:auto;padding:32px}.hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{margin:0 0 6px;font-size:34px}p{color:var(--muted);margin:0}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #1e3524;background:linear-gradient(180deg,#16321f,#111a14);padding:10px 18px;border-radius:999px;color:#9ff5ba}.chip:before{content:"●";color:#39e274}.controls{display:flex;gap:12px;margin:22px 0}.controls input,.controls select,.controls button{border:1px solid #1a241d;background:#0f1412;color:var(--ink);padding:12px 14px;border-radius:12px;outline:none}.controls button{background:linear-gradient(90deg,#25e066,#00d0ff);color:#04250f;font-weight:800;border:none;cursor:pointer}.controls button:hover{filter:brightness(1.05)}.card{background:linear-gradient(180deg,#121614,#0e1210);border:1px solid #162019;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.card.error{border-color:#3a1111}.card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.card__title{font-size:28px;margin:0}.card__icon{width:64px;height:64px}.card__desc{color:var(--muted);margin:6px 0 16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stats>div{background:linear-gradient(180deg,#0e1511,#0b100e);border:1px solid #162019;border-radius:12px;padding:12px}.stat__label{display:block;color:#97c7b1;font-size:12px}.stat__val{font-size:20px;font-weight:700}.btn{display:inline-block;text-decoration:none;background:linear-gradient(90deg,#25e066,#00d0ff);padding:14px 20px;border-radius:12px;font-weight:800;color:#052312}.btn:hover{filter:brightness(1.05)}@media (max-width: 900px){.wrap{padding:20px}.hero{flex-direction:column;align-items:flex-start;gap:10px}.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){h1{font-size:26px}.card__title{font-size:22px}.controls{flex-direction:column}.stats{grid-template-columns:1fr}}