:root{--maroon:#8b1a1a;--maroon-dark:#5c1111;--maroon-pale:#fff5f5;--gold:#b8860b;--gold-pale:#fffbf0;--bg:#f8f9fa;--card:#fff;--border:#e2e8f0;--border-light:#edf2f7;--text:#1a202c;--muted:#718096;--muted2:#a0aec0;--green:#38a169;--red:#e53e3e;--navy:#2b6cb0;--brown:#7b3f00;--sh-sm:0 1px 3px #0000001a;--sh-md:0 4px 20px #0000000f;--r:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;padding-bottom:120px;font-family:Inter,system-ui,sans-serif;line-height:1.6}header{background:var(--maroon);border-bottom:4px solid var(--maroon-dark);z-index:200;align-items:center;gap:16px;padding:18px 40px;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #00000026}.crest{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex;box-shadow:0 0 0 3px #fff3}header h1{color:#fff;margin:0;font-family:EB Garamond,serif;font-size:22px;font-weight:600;line-height:1.2}header p{color:#ffffffbf;letter-spacing:2px;text-transform:uppercase;margin-top:2px;margin-bottom:0;font-size:10px}.vtag{background:var(--gold);color:#fff;letter-spacing:1px;white-space:nowrap;border-radius:20px;margin-left:auto;padding:4px 10px;font-size:10px;font-weight:700}@media (width<=640px){header{gap:10px;padding:12px 16px}header h1{font-size:17px}header p{display:none}}.body-container{max-width:860px;margin:0 auto;padding:32px 20px 0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh-md);margin-bottom:28px;padding:36px;animation:.35s ease-out both fadeUp}@media (width<=640px){.card{padding:20px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sh{align-items:center;gap:12px;margin-bottom:10px;display:flex}.sn{background:var(--maroon-pale);color:var(--maroon);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.st{letter-spacing:-.4px;font-size:19px;font-weight:700}.desc{color:var(--muted);margin-bottom:20px;font-size:13px;line-height:1.6}.divider{background:var(--border);height:1px;margin:28px 0}.sub{margin-bottom:12px;font-size:15px;font-weight:600}.mode-row{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.mode-btn{cursor:pointer;background:var(--bg);border:2px solid var(--border);text-align:left;border-radius:8px;flex:1;min-width:260px;padding:16px 20px;transition:all .2s}.mode-btn:hover{border-color:var(--muted2)}.mode-btn.active{background:var(--maroon-pale);border-color:var(--maroon)}.mode-btn b{color:var(--text);margin-bottom:3px;font-size:14px;display:block}.mode-btn.active b{color:var(--maroon)}.mode-btn span{color:var(--muted);font-size:11px}.type-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.type-btn{border:2px solid var(--border);cursor:pointer;background:var(--bg);-webkit-user-select:none;user-select:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.type-btn:hover{border-color:var(--maroon)}.type-btn.active{background:var(--maroon);border-color:var(--maroon);color:#fff}.input-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}@media (width<=500px){.input-grid{grid-template-columns:1fr}}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text);letter-spacing:.3px;font-size:12px;font-weight:700}.field input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;outline:none;width:100%;padding:12px 14px;font-family:Courier Prime,monospace;font-size:15px;transition:all .2s}.field input:focus{border-color:var(--maroon);box-shadow:0 0 0 3px var(--maroon-pale)}.field input.err{border-color:var(--red);box-shadow:0 0 0 3px #fff5f5}.field .hint{color:var(--muted);margin-top:2px;font-size:11px}.grade-grid{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.gc{border:2px solid var(--border);cursor:pointer;background:var(--bg);-webkit-user-select:none;user-select:none;text-align:center;border-radius:8px;min-width:52px;padding:8px 14px;font-family:Courier Prime,monospace;font-size:13px;font-weight:700;transition:all .18s}.gc:hover{transform:translateY(-1px)}.gc.on{color:#fff;border-color:#0000}.result-hero{text-align:center;padding:8px 0 28px}.rh-grade{letter-spacing:-2px;font-family:EB Garamond,serif;font-size:80px;font-weight:700;line-height:1}.rh-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:8px;font-size:12px;font-weight:600}.rh-sub{color:var(--muted);margin-top:6px;font-size:14px}.stat-row{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.stat{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:8px;flex:1;min-width:100px;padding:16px 12px}.sv{font-family:EB Garamond,serif;font-size:26px;font-weight:700}.sl{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-top:5px;font-size:10px;font-weight:600}.need-bar-wrap{background:var(--border-light);border-radius:8px;height:14px;margin:8px 0;overflow:hidden}.need-bar-fill{border-radius:8px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.grades-table{border-collapse:collapse;width:100%;font-size:13px}.grades-table th{background:var(--bg);color:var(--muted);text-align:left;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--border);padding:10px 14px;font-size:10px;font-weight:700}.grades-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:11px 14px}.grades-table tr:last-child td{border-bottom:none}.grades-table tr.highlight td{background:var(--maroon-pale)}.grades-table tr.impossible td{opacity:.4}.gpill{color:#fff;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.ib{background:var(--gold-pale);color:#744210;border:1px solid #f6e05e;border-radius:8px;margin-bottom:16px;padding:14px 18px;font-size:13px;line-height:1.6}.grades-table tr.secured td{background:#f0fff4}.gcode{font-family:Courier Prime,monospace;font-size:15px;font-weight:700}.status-pill{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.formula-box{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-bottom:20px;padding:16px 20px;font-size:13px;line-height:1.8}.formula-box code{background:var(--maroon-pale);color:var(--maroon);border-radius:4px;padding:1px 6px;font-family:Courier Prime,monospace;font-size:13px}.wb{color:#742a2a;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin-bottom:16px;padding:14px 18px;font-size:13px;line-height:1.6}.gb{color:#22543d;background:#f0fff4;border:1px solid #c6f6d5;border-radius:8px;margin-bottom:16px;padding:14px 18px;font-size:13px;line-height:1.6}.btn{background:var(--maroon);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:13px 28px;font-size:14px;font-weight:600;transition:all .2s}.btn:hover{background:var(--maroon-dark);box-shadow:var(--sh-sm);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.hidden{display:none!important}.footer-note{text-align:center;color:var(--muted);margin-top:32px;padding-bottom:20px;font-size:11px}.slider-wrap{margin-bottom:20px}.slider-wrap input[type=range]{width:100%;accent-color:var(--maroon);cursor:pointer;height:6px}.slider-val{color:var(--maroon);text-align:center;margin:8px 0;font-family:Courier Prime,monospace;font-size:28px;font-weight:700}.live-z{background:linear-gradient(135deg,var(--maroon-pale),var(--gold-pale));border:1px solid var(--border);text-align:center;border-radius:10px;margin-top:16px;padding:20px}.live-z-num{font-family:EB Garamond,serif;font-size:56px;font-weight:700;line-height:1}.live-z-grade{margin-top:6px;font-size:18px;font-weight:700}.live-z-label{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:11px}