.app{max-width:720px;margin:0 auto;padding:0 14px 64px}.hero{text-align:center;padding:26px 6px 14px}.hero h1{letter-spacing:.02em;margin:0 0 6px;font-size:22px;line-height:1.35}.hero .sub{color:var(--muted);max-width:30em;margin:0 auto;font-size:13px}.badge{background:linear-gradient(90deg, var(--accent), var(--accent2));color:#2a1206;letter-spacing:.04em;border-radius:999px;margin-bottom:10px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.tabs{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:6px;margin:8px 0 18px;padding:5px;display:flex}.tabs button{color:var(--muted);background:0 0;border:none;border-radius:8px;flex:1;padding:10px 4px;font-size:14px;font-weight:600;transition:all .15s}.tabs button.active{background:var(--accent);color:#2a1206}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:14px;padding:16px}.card h2{margin:0 0 12px;font-size:16px}.row{background:var(--panel2);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:12px}.row .field{margin-bottom:9px}.row label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}select,input[type=number]{border:1px solid var(--line);width:100%;color:var(--text);background:#131a28;border-radius:8px;outline:none;padding:10px 11px}select:focus,input:focus{border-color:var(--accent)}.amount-line{align-items:flex-end;gap:8px;display:flex}.amount-line .field{flex:1;margin-bottom:0}.unit-toggle{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.unit-toggle button{color:var(--muted);background:#131a28;border:none;padding:10px 12px;font-size:13px;font-weight:600}.unit-toggle button.on{background:var(--accent);color:#2a1206}.row-result{color:var(--muted);border-top:1px dashed var(--line);margin-top:8px;padding-top:8px;font-size:12px}.row-result b{color:var(--accent2)}.row-del{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:8px;margin-top:8px;padding:6px 10px;font-size:12px}.btn{background:var(--accent);color:#2a1206;border:none;border-radius:10px;width:100%;margin-top:4px;padding:13px;font-size:15px;font-weight:700;display:block}.btn.ghost{border:1px solid var(--line);color:var(--text);background:0 0}.btn.blue{background:var(--blue);color:#06122a}.btn.buy{color:#fff;background:#16a34a;margin-bottom:6px;font-size:16px}.btn.buy:hover{background:#15803d}.total{text-align:center;border-radius:14px;margin-bottom:12px;padding:18px 12px}.total .num{font-size:40px;font-weight:800;line-height:1}.total .lbl{margin-top:8px;font-size:13px;font-weight:600}.total.regulated{border:1px solid var(--bad);background:#ef5d5d21}.total.regulated .num{color:var(--bad)}.total.minor{border:1px solid var(--warn);background:#f2c14e21}.total.minor .num{color:var(--warn)}.total.under_fifth{border:1px solid var(--ok);background:#3ec27a21}.total.under_fifth .num{color:var(--ok)}.quiz-q{white-space:pre-wrap;background:var(--panel2);border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:13px;font-size:15px}.quiz-ans{gap:8px;display:flex}.quiz-ans input{flex:1}.expl{white-space:pre-wrap;color:var(--muted);border:1px solid var(--line);background:#131a28;border-radius:10px;margin-top:12px;padding:12px;font-size:13px}.verdict{text-align:center;border-radius:10px;margin-top:12px;padding:10px;font-weight:700}.verdict.ok{color:var(--ok);background:#3ec27a26}.verdict.ng{color:var(--bad);background:#ef5d5d26}.counter{text-align:center;color:var(--muted);margin-bottom:10px;font-size:12px}.pro-lock{text-align:center;padding:20px 14px}.pro-lock .lock-ico{font-size:34px}.price-box{border:1px solid var(--accent);text-align:center;border-radius:14px;padding:18px}.price-box .price{color:var(--accent2);font-size:30px;font-weight:800}.price-box .price small{color:var(--muted);font-size:13px;font-weight:500}.feat{text-align:left;margin:14px 0;padding:0;font-size:13px;list-style:none}.feat li{padding:5px 0 5px 24px;position:relative}.feat li:before{content:"✓";color:var(--ok);font-weight:700;position:absolute;left:4px}.key-row{gap:8px;margin-top:10px;display:flex}.key-row input{text-transform:uppercase;flex:1}.note{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.5}.tbl{border-collapse:collapse;width:100%;font-size:12px}.tbl th,.tbl td{border-bottom:1px solid var(--line);text-align:left;padding:7px 6px}.tbl th{color:var(--muted);font-weight:600}.tbl td.n{text-align:right;white-space:nowrap;color:var(--accent2)}.rui-h{color:var(--accent2);margin:16px 0 6px;font-size:13px;font-weight:700}footer{text-align:center;color:var(--muted);padding:24px 8px;font-size:11px;line-height:1.7}footer a{color:var(--blue)}.proflag{background:var(--ok);color:#04150b;vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}:root{--bg:#0f1420;--panel:#1a2233;--panel2:#222c40;--line:#2e3a52;--text:#e7ecf5;--muted:#97a3bb;--accent:#ff7a45;--accent2:#ffb088;--ok:#3ec27a;--warn:#f2c14e;--bad:#ef5d5d;--blue:#4d96ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Yu Gothic,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;line-height:1.6}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit;font-size:16px}