:root{--bg:#15171c;--panel:#1c1f25;--line:#2c3037;--btn:#23262d;--btn-line:#3a3f47;--text:#e8eaed;--muted:#9aa0a6;--faint:#6b7280;--accent:#31a0ff;--warn-bg:#2a2410;--warn-line:#5a4a16;--warn-text:#e8d27a;--danger:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;align-items:center;margin:0;padding:32px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;display:flex}.card{flex:1;width:100%;max-width:860px}footer{color:var(--faint);text-align:center;max-width:860px;margin-top:28px;font-size:11px;line-height:1.5}h1{margin:0 0 4px;font-size:22px;font-weight:600}h2{margin:28px 0 8px;font-size:17px;font-weight:600}a{color:var(--accent)}.muted{color:var(--muted);font-size:13px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.topbar nav{gap:14px;font-size:14px;display:flex}.linkbtn{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.field{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.field input{border:1px solid var(--btn-line);width:140px;color:var(--text);text-align:right;background:#1b1e24;border-radius:8px;padding:8px;font-size:15px}.field input[type=checkbox]{width:auto;transform:scale(1.3)}input.wide{border:1px solid var(--btn-line);width:100%;color:var(--text);background:#1b1e24;border-radius:8px;padding:12px;font-size:16px}.primary{background:var(--accent);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:10px;width:100%;margin-top:18px;padding:14px;font-size:17px;font-weight:600;text-decoration:none;display:block}.primary:disabled{color:var(--faint);cursor:default;background:#2a3139}.ghost{background:var(--btn);border:1px solid var(--btn-line);color:var(--text)}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.big{text-align:center;min-height:72px;margin:36px 0 20px;font-size:24px;line-height:1.35}.sylrow{flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0;display:flex}button.syl{border:1px solid var(--btn-line);background:var(--btn);width:96px;height:90px;color:var(--text);cursor:pointer;border-radius:12px;font-size:24px;font-weight:700}button.syl:disabled{opacity:.45;cursor:default}button.syl.hit{background:var(--accent);color:#fff}button.syl .k{color:var(--muted);margin-top:4px;font-size:13px;font-weight:500;display:block}.hint{text-align:center;color:var(--muted);margin-top:8px;font-size:13px}.warn{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-text);border-radius:8px;margin-top:14px;padding:10px 12px;font-size:13px;line-height:1.45}.error{color:var(--danger);margin-top:10px;font-size:14px}.progress{background:var(--line);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .2s}.summary{text-align:center;margin:24px 0;font-size:18px;line-height:2}.tablewrap{border:1px solid var(--line);border-radius:10px;margin-top:10px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 12px}th{color:var(--muted);background:var(--panel);font-weight:500}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}@media (max-width:560px){button.syl{width:30%;height:80px}.row2{grid-template-columns:1fr}}
