@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#f7f8f8;background:#0f1115;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0f1115}button,input,select{font:inherit}.app-shell{min-height:100vh;background:radial-gradient(circle at 50% -12%,rgba(139,92,246,.12),transparent 38rem),#0f1115}.page{width:min(100% - 2rem,760px);margin:0 auto;padding:4.75rem 0 3rem}.hero{margin-bottom:2.5rem}.eyebrow,.selector-grid label span,.stat-card p,.panel-label{color:#707680;font-family:DM Mono,monospace;font-size:.69rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:#a78bfa;margin-bottom:.85rem}h1{margin:0;color:#f7f8f8;font-size:clamp(2rem,5vw,2.75rem);letter-spacing:-.055em;line-height:1.05}.hero p{max-width:600px;margin:.9rem 0 0;color:#858b96;font-size:.95rem;line-height:1.7}.selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1.25rem}.stream-selector-grid{grid-template-columns:repeat(3,1fr)}.selector-grid label span{display:block;margin-bottom:.5rem;font-size:.64rem}select{width:100%;border:1px solid #2a2d33;border-radius:.55rem;background:#1c1e23;color:#f7f8f8;padding:.72rem .8rem;outline:none;transition:border-color .16s ease,box-shadow .16s ease}select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf624}.panel,.stat-card{border:1px solid #2a2d33;border-radius:.85rem;background:#13151ad1}.controls-panel{padding:1.35rem 1.4rem .45rem;margin-bottom:1.25rem}.slider-row{margin-bottom:1.05rem}.slider-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:.62rem}.slider-label label{color:#9298a2;font-size:.82rem}.slider-label span{color:#f7f8f8;font-family:DM Mono,monospace;font-size:.78rem}input[type=range]{display:block;width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:#2a2d33;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:50%;background:#8b5cf6;box-shadow:0 0 10px #8b5cf67a}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#8b5cf6;box-shadow:0 0 10px #8b5cf67a}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1.25rem}.stat-card{min-height:6.3rem;padding:1rem}.stat-card p{margin:0 0 .55rem;font-size:.62rem}.stat-card strong{display:block;color:#f7f8f8;font-size:1.28rem;letter-spacing:-.04em}.stat-card.accent strong{color:#a78bfa}.stat-card.clickable{cursor:pointer;transition:border-color .16s ease,transform .16s ease}.stat-card.clickable:hover{border-color:#a78bfa99;transform:translateY(-1px)}.chart-panel{padding:1.2rem 1.35rem 1.35rem}.panel-label{margin-bottom:.7rem}.chart-wrap{position:relative;height:220px}footer{margin-top:1.15rem;color:#555b66;font-family:DM Mono,monospace;font-size:.66rem;line-height:1.7}@media (max-width: 640px){.page{width:min(100% - 1.4rem,760px);padding-top:2.5rem}.selector-grid,.stats-grid{grid-template-columns:1fr 1fr}.selector-grid label:last-child{grid-column:1 / -1}.stream-selector-grid{grid-template-columns:1fr 1fr}.stream-selector-grid label:last-child{grid-column:auto}.stat-card:last-child{grid-column:1 / -1;min-height:auto}}@media (max-width: 420px){.selector-grid,.stats-grid{grid-template-columns:1fr}.selector-grid label:last-child,.stat-card:last-child{grid-column:auto}.stream-selector-grid{grid-template-columns:1fr}}.stream-view h2{margin:0;color:#f7f8f8;font-size:clamp(1.55rem,4vw,2rem);letter-spacing:-.045em;line-height:1.1}.stream-intro{margin-bottom:1.7rem}.stream-intro p{max-width:650px;margin:.7rem 0 0;color:#858b96;font-size:.9rem;line-height:1.7}.answer-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.25rem;padding:1.25rem 1.4rem;border:1px solid;border-radius:.85rem}.answer-card.fits{border-color:#4ade8047;background:#224e3633}.answer-card.over{border-color:#fb923c57;background:#68391b33}.answer-kicker{margin-bottom:.45rem;color:#9ca3af;font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.answer-card h3{margin:0;color:#f7f8f8;font-size:1.05rem;letter-spacing:-.025em}.answer-card p{margin:.42rem 0 0;color:#9298a2;font-size:.78rem}.answer-number{flex:0 0 auto;color:#a78bfa;font-size:2.1rem;font-weight:700;letter-spacing:-.07em;text-align:right}.answer-number span{display:block;color:#858b96;font-family:DM Mono,monospace;font-size:.62rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.calculator-note{margin:1.1rem 0 0;color:#666d78;font-family:DM Mono,monospace;font-size:.67rem;line-height:1.75}@media (max-width: 520px){.answer-card{align-items:flex-start}.answer-number{font-size:1.7rem}}.view-tabs{display:flex;gap:.35rem;margin:0 0 2.2rem;padding:.25rem;border:1px solid #2a2d33;border-radius:.65rem;background:#13151a}.view-tab{flex:1;border:0;border-radius:.42rem;background:transparent;color:#7d838e;padding:.65rem .8rem;font-size:.78rem;cursor:pointer;transition:background .16s ease,color .16s ease}.view-tab:hover{color:#c4b5fd}.view-tab.active{background:#282038;color:#ddd6fe}.drive-markers{margin-top:.2rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.06)}.marker-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem;color:#9298a2;font-family:DM Mono,monospace;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.marker-heading small{color:#626975;font-size:.61rem;letter-spacing:0;text-transform:none}.marker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.drive-marker{display:flex;flex-direction:column;align-items:flex-start;gap:.28rem;border:1px solid #2a2d33;border-radius:.55rem;background:#17191e;color:#c9ccd2;padding:.65rem .7rem;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.drive-marker:hover{border-color:#a78bfa8c;transform:translateY(-1px)}.drive-marker.selected{border-color:#8b5cf6;background:#282038}.drive-marker strong{font-size:.72rem;font-weight:600}.drive-marker span{color:#838995;font-family:DM Mono,monospace;font-size:.65rem}.drive-marker.selected span{color:#c4b5fd}.marker-note{margin:.7rem 0 0;color:#5e6570;font-family:DM Mono,monospace;font-size:.62rem;line-height:1.65}@media (max-width: 520px){.marker-grid{grid-template-columns:1fr}}.drive-reference{padding:1.2rem 1.35rem 1.35rem;margin-bottom:1.25rem}.drive-reference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.drive-reference-card{display:flex;flex-direction:column;gap:.28rem;border-left:2px solid;border-radius:.45rem;background:#17191e;padding:.7rem .75rem}.drive-reference-card.supports{border-color:#4ade80}.drive-reference-card.limited{border-color:#fb923c;opacity:.72}.drive-reference-card strong{color:#d8dbe1;font-size:.72rem;font-weight:600}.drive-reference-card span{color:#c4b5fd;font-family:DM Mono,monospace;font-size:.66rem}.drive-reference-card small{color:#737a85;font-family:DM Mono,monospace;font-size:.6rem}.stat-card strong{overflow-wrap:anywhere}@media (max-width: 520px){.drive-reference-grid{grid-template-columns:1fr}}