@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Barlow:wght@400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--c-gold:#C9A84C;--c-gold-light:#E8C96A;--c-dark:#0A0A0A;--c-surface:#141414;--c-surface2:#1C1C1C;--c-border:#2A2A2A;--c-border2:#383838;--c-text:#F0EDE6;--c-muted:#888580;--c-hs:#3B82F6;--c-col:#10B981}.nil-root{background:var(--c-dark);color:var(--c-text);font-family:Barlow,sans-serif;font-size:14px;padding:0;min-height:100vh;border-radius:12px;overflow:hidden}.nil-header{background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:20px 24px 0}.nil-title{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700;letter-spacing:.04em;color:var(--c-text);text-transform:uppercase;margin-bottom:16px}.nil-title span{color:var(--c-gold)}.toggle-row{display:flex;gap:0;margin-bottom:0}.tog-btn{font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:10px 24px;border:none;background:transparent;color:var(--c-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tog-btn.active{color:var(--c-text);border-bottom-color:var(--c-gold)}.tog-btn.hs.active{border-bottom-color:var(--c-hs)}.tog-btn.col.active{border-bottom-color:var(--c-col)}.nil-body{padding:20px 24px}.search-box{background:var(--c-surface);border:1px solid var(--c-border2);border-radius:10px;padding:16px;margin-bottom:20px}.search-label{font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);margin-bottom:10px}.search-inner{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.s-field{display:flex;flex-direction:column;gap:5px}.s-field label{font-size:11px;color:var(--c-muted)}.s-field input{background:var(--c-surface2);border:1px solid var(--c-border2);border-radius:6px;color:var(--c-text);font-family:Barlow,sans-serif;font-size:13px;padding:8px 12px;outline:none;width:100%;transition:border-color .2s}.s-field input:focus{border-color:var(--c-gold)}.s-field input::placeholder{color:var(--c-muted)}.search-btn{background:var(--c-gold);color:#000;border:none;border-radius:6px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:9px 18px;cursor:pointer;white-space:nowrap;transition:background .15s;height:36px}.search-btn:hover{background:var(--c-gold-light)}.search-note{font-size:11px;color:var(--c-muted);margin-top:10px;line-height:1.6}.search-note strong{color:var(--c-gold)}.found-strip{border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:12px;line-height:1.6;display:none}.found-strip.show{display:block}.found-strip.ok{background:#0d2e1a;border:1px solid #10B981;color:#6ee7b7}.found-strip.warn{background:#2c1a00;border:1px solid var(--c-gold);color:#e8c96a}.divider{display:flex;align-items:center;gap:10px;margin:18px 0 14px}.divider span{font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);white-space:nowrap}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--c-border)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:10px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:11px;color:var(--c-muted);letter-spacing:.02em}.field input[type=text],.field select{background:var(--c-surface2);border:1px solid var(--c-border2);border-radius:6px;color:var(--c-text);font-family:Barlow,sans-serif;font-size:13px;padding:8px 12px;outline:none;width:100%;transition:border-color .2s}.field input[type=text]:focus,.field select:focus{border-color:var(--c-gold)}.field input::placeholder{color:var(--c-muted)}.field select option{background:#1c1c1c}.hint-pill{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;margin-right:5px;vertical-align:middle}.hp-major{background:#1e3a5f;color:#60a5fa}.hp-mid{background:#14322a;color:#34d399}.hp-small{background:#3d2200;color:#fbb96a}.hp-elite{background:#1e3a5f;color:#60a5fa}.hp-strong{background:#14322a;color:#34d399}.hp-avg{background:#3d2200;color:#fbb96a}.field-hint{font-size:10px;color:var(--c-muted);margin-top:4px;min-height:16px}.sf{margin-bottom:12px}.sf-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sf-label{font-size:11px;color:var(--c-muted)}.sf-val{font-size:12px;font-weight:500;color:var(--c-text)}.sf input[type=range]{width:100%;-webkit-appearance:none;height:3px;border-radius:99px;outline:none;cursor:pointer}.sf input[type=range].hs-range{background:linear-gradient(to right,var(--c-hs) 0%,var(--c-hs) var(--pct,50%),var(--c-border2) var(--pct,50%))}.sf input[type=range].col-range{background:linear-gradient(to right,var(--c-col) 0%,var(--c-col) var(--pct,50%),var(--c-border2) var(--pct,50%))}.sf input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--c-gold);cursor:pointer}.auto-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;background:#1e3a5f;color:#60a5fa;letter-spacing:.04em;text-transform:uppercase;margin-left:6px;vertical-align:middle}.calc-btn{width:100%;background:var(--c-gold);color:#000;border:none;border-radius:8px;font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:13px;cursor:pointer;margin:18px 0 0;transition:background .15s,transform .1s}.calc-btn:hover{background:var(--c-gold-light)}.calc-btn:active{transform:scale(.99)}.result-wrap{margin-top:20px;background:var(--c-surface);border:1px solid var(--c-border2);border-radius:10px;overflow:hidden;display:none}.result-wrap.show{display:block}.result-header{padding:20px 20px 16px;border-bottom:1px solid var(--c-border)}.result-name{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--c-text);margin-bottom:2px}.result-sub{font-size:12px;color:var(--c-muted)}.result-tier{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:4px;margin-top:8px}.rt1{background:#1e3a5f;color:#60a5fa}.rt2{background:#14322a;color:#34d399}.rt3{background:#3d2200;color:#fbb96a}.rt4{background:#2d1a1a;color:#fca5a5}.value-block{padding:24px 20px;text-align:center;border-bottom:1px solid var(--c-border)}.value-eyebrow{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);margin-bottom:6px}.value-main{font-family:Barlow Condensed,sans-serif;font-size:52px;font-weight:700;letter-spacing:-.01em;color:var(--c-gold);line-height:1}.value-period{font-size:14px;color:var(--c-muted);margin-top:4px}.value-range{font-size:11px;color:var(--c-muted);margin-top:6px}.breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--c-border)}.bitem{background:var(--c-surface);padding:12px 16px}.bitem-label{font-size:10px;color:var(--c-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px}.bitem-val{font-size:14px;font-weight:500;color:var(--c-text)}.score-section{padding:16px 20px;border-top:1px solid var(--c-border)}.score-sec-title{font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);margin-bottom:12px}.sbar{margin-bottom:10px}.sbar-top{display:flex;justify-content:space-between;font-size:11px;color:var(--c-muted);margin-bottom:4px}.sbar-top span:last-child{color:var(--c-text);font-weight:500}.sbar-track{height:4px;background:var(--c-border2);border-radius:99px;overflow:hidden}.sbar-fill{height:100%;border-radius:99px;transition:width .6s ease}.insight-box{margin:0 20px 20px;padding:12px 14px;background:var(--c-surface2);border-radius:8px;border-left:3px solid var(--c-gold);font-size:12px;color:var(--c-muted);line-height:1.65}.search-box.disabled{opacity:.65}.search-btn:disabled,.search-btn.disabled{background:var(--c-border2);color:var(--c-muted);cursor:not-allowed}.search-btn:disabled:hover,.search-btn.disabled:hover{background:var(--c-border2)}body{margin:0;background:var(--c-dark)}
