:root{font-family:system-ui,'Segoe UI',Arial,sans-serif;color:#edf2fc;background:#111a2a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#263d59,#101827 75%);min-height:100vh;padding:24px 12px}main{max-width:790px;margin:auto}h1{color:#f0c777;letter-spacing:.02em;margin:0 0 10px}h2{margin:0 0 12px}p,.muted{color:#bac9df;line-height:1.5}.panel{background:#1c2a3f;border:1px solid #3c4a60;border-radius:18px;padding:20px;margin:16px 0;box-shadow:0 10px 30px #0003}label{display:block;font-weight:650;margin:12px 0 6px}input,textarea{display:block;width:100%;font:inherit;padding:12px;border:1px solid #65748b;background:#101b2c;border-radius:10px;color:#fff}textarea{min-height:110px}button,.linkbutton{background:#e7b85e;color:#15243a;border:0;border-radius:10px;font:inherit;font-weight:750;padding:11px 16px;cursor:pointer}button:hover,.linkbutton:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:default}.mutebtn{background:#40536a;color:#fff}.redbtn{background:#cb6e77;color:white}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row.space{justify-content:space-between}.pill{border-radius:50px;background:#405573;padding:7px 12px;font-size:14px}.time{font-variant-numeric:tabular-nums;font-size:32px;font-weight:850;color:#f0c777}.time.low{color:#ff8888}.opt{display:block;width:100%;text-align:left;padding:13px 15px;background:#27384f;border:2px solid #52637b;margin:9px 0;border-radius:12px;color:#fff;font:inherit;cursor:pointer}.opt.selected{border-color:#f0c777;background:#4b4636}.note{font-size:14px;color:#d3dbe7;background:#2b3950;border-left:3px solid #e8b65d;padding:12px;margin:14px 0}.error{color:#ffb6b6}.success{color:#8ee1b8}.hidden{display:none!important}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:10px 8px;border-bottom:1px solid #425269;text-align:left}td:nth-child(3),td:nth-child(4){white-space:nowrap}th{color:#eac679}.scroll{overflow-x:auto}.code{font-family:ui-monospace,monospace;font-size:14px;letter-spacing:1px}.question{font-size:21px;font-weight:700;line-height:1.45}.big{font-size:34px;color:#eac679;font-weight:800}.tiny{font-size:12px;color:#abbdd5}a{color:#f5cb7c}@media(max-width:550px){.panel{padding:15px}.question{font-size:18px}h1{font-size:26px}}
