*,:after,:before{box-sizing:border-box;margin:0;padding:0}@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500&display=swap");:root{--bg:#3d4042;--bg2:#464a4c;--bg3:#4f5456;--green:#4ade80;--green-dim:#1f6b3a;--green-glow:0 0 12px rgba(74,222,128,0.2);--text:#f0f2f0;--text2:#a8b4ac;--text3:#7a8a80;--red:#ef4444;--amber:#f59e0b;--blue:#3b82f6;--purple:#a78bfa;--border:#545a5c;--border2:#5e6668;--mono:"IBM Plex Mono",monospace;--sans:"IBM Plex Sans",sans-serif}body{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;min-height:100vh}.main{max-width:720px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.explorer{display:flex;flex-direction:column;gap:2rem}.header{border-bottom:1px solid var(--border);padding-bottom:1.25rem}.title{font-size:18px;font-weight:600;color:var(--green);letter-spacing:-.5px}.subtitle,.title{font-family:var(--mono)}.subtitle{font-size:12px;color:var(--text2);margin-top:3px}.section{display:flex;flex-direction:column;gap:10px}.section-label{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:8px}.section-label:after{content:"";flex:1 1;height:1px;background:var(--border)}.info-box{background:var(--bg2);border:1px solid var(--border);border-left:2px solid var(--green-dim);padding:10px 14px;font-size:12px;color:var(--text2);line-height:1.7}.info-box strong{color:var(--text);font-weight:500}.seg-row{display:flex;gap:0}.seg-btn{flex:1 1;padding:8px 0;border:1px solid var(--border);border-right:none;background:var(--bg2);color:var(--text2);cursor:pointer;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:all .15s}.seg-btn:last-child{border-right:1px solid var(--border)}.seg-btn.active{background:var(--bg3);color:var(--green);border-color:var(--green-dim);z-index:1}.seg-btn:hover:not(.active){background:var(--bg3);color:var(--text)}.card-btn{padding:8px 14px;border:1px solid var(--border2);background:var(--bg2);color:var(--text);cursor:pointer;font-family:var(--mono);font-size:15px;font-weight:600;letter-spacing:-.5px;transition:all .12s;min-width:56px;text-align:center}.card-btn:hover{border-color:var(--green-dim);color:var(--green)}.card-btn.selected{border-color:var(--green);color:var(--green);box-shadow:var(--green-glow)}.card-grid{position:absolute;top:calc(100% + 4px);left:0;z-index:100;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2px;gap:2px;padding:8px;background:var(--bg3);border:1px solid var(--border2);width:188px}.card-cell{padding:5px 3px;font-size:11px;font-family:var(--mono);border:none;background:transparent;cursor:pointer;text-align:center;color:var(--text);transition:background .1s}.card-cell:hover:not(:disabled){background:var(--bg2);color:var(--green)}.card-cell:disabled{opacity:.2;cursor:not-allowed}.slider-grid{gap:2rem}.slider-field,.slider-grid{display:flex;flex-direction:column}.slider-field{gap:8px}.slider-header{display:flex;justify-content:space-between;align-items:baseline}.slider-label{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.08em}.slider-value{font-family:var(--mono);font-size:16px;font-weight:600;color:var(--green)}.slider-unit{font-family:var(--mono);margin-left:3px}.slider-desc,.slider-unit{font-size:11px;color:var(--text3)}.slider-desc{line-height:1.5;margin-top:6px}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--border2);outline:none;cursor:pointer;margin:6px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:3px;height:16px;background:var(--green);cursor:pointer;border:none}input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,var(--green) var(--pct,0),var(--border2) var(--pct,0))}.results{border:1px solid var(--border);background:var(--bg2);padding:1.25rem;gap:12px}.prob-row,.results{display:flex;flex-direction:column}.prob-row{gap:5px}.prob-header{display:flex;justify-content:space-between;align-items:baseline}.prob-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.prob-label,.prob-pct{font-family:var(--mono);font-weight:600}.prob-pct{font-size:18px}.bar-track{height:3px;background:var(--bg3);overflow:hidden}.bar-fill{height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.prob-desc{font-size:11px;color:var(--text3);font-style:italic}.about-intro{font-size:13px;color:var(--text2);line-height:1.8;border-left:2px solid var(--green-dim);padding-left:14px;margin-bottom:4px}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border)}.about-card{background:var(--bg2);padding:1.25rem;display:flex;flex-direction:column;gap:8px}.about-title{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--text);letter-spacing:.04em}.about-text{font-size:12px;color:var(--text2);line-height:1.75}.about-text sup{font-size:9px}.github-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;border:1px solid var(--border2);color:var(--text2);text-decoration:none;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.06em;transition:all .15s}.github-link:hover{border-color:var(--green-dim);color:var(--green)}.query-btn{padding:11px 24px;border:1px solid var(--green-dim);background:transparent;color:var(--green);cursor:pointer;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:all .15s;align-self:flex-start}.query-btn:hover:not(:disabled){background:rgba(34,197,94,.08);box-shadow:var(--green-glow)}.query-btn:disabled{opacity:.4;cursor:not-allowed}.error{font-family:var(--mono);font-size:12px;color:var(--red);border:1px solid rgba(239,68,68,.3);padding:8px 12px;background:rgba(239,68,68,.05)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-3{gap:12px}.relative{position:relative}.opacity-20{opacity:.2}.text-xs{font-size:11px}.text-secondary{color:var(--text2)}.mb-1{margin-bottom:4px}