@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}.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}.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}}