:root{--bg-0: #060b14;--bg-1: #0d1524;--panel: #101b2f;--panel-2: #15243f;--line: #263a5e;--text: #f4f7ff;--muted: #9eb2d4;--accent: #48d5b0;--accent-2: #6fa4ff;--warn-bg: rgba(245, 197, 87, .14);--warn-line: rgba(245, 197, 87, .4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.35;background:radial-gradient(circle at 15% -10%,#223860 0%,transparent 45%),radial-gradient(circle at 85% 10%,#18304f 0%,transparent 40%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-0) 100%)}h1,h2,p{margin:0}.app-shell.graph-shell{max-width:1220px;margin:0 auto;height:100%;display:grid;grid-template-rows:auto auto auto 1fr;gap:.45rem;padding:.5rem}.header-bar,.top-controls,.graph-panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#1a2945f2,#0e1829f2);box-shadow:inset 0 1px #ffffff08}.header-bar{padding:.5rem .65rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}h1{font-size:1.04rem;line-height:1.1;letter-spacing:.01em}.subhead{margin-top:.1rem;color:var(--muted);font-size:.74rem}.ghost-button{border:1px solid #3d5f93;border-radius:9px;padding:.36rem .58rem;background:#13233f;color:var(--text);font-size:.78rem;cursor:pointer;transition:border-color .12s ease,transform .12s ease}.ghost-button:hover{border-color:#83b2ff;transform:translateY(-1px)}.mini-note{border:1px solid #324b73;border-radius:8px;background:#4369a629;color:#d6e5ff;font-size:.74rem;padding:.28rem .48rem}.mini-note.warn-inline{border-color:var(--warn-line);background:var(--warn-bg);color:#ffe3a0}.top-controls{padding:.5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.control-card{border:1px solid #324b73;border-radius:10px;background:linear-gradient(180deg,#1e2f4de6,#121d31e6);padding:.4rem;display:grid;gap:.22rem}.control-card label{font-size:.74rem;font-weight:650;color:#c6d6f2}.control-card input[type=number],.control-card input[type=text]{width:100%;border:1px solid #3a5888;border-radius:9px;background:#0f1a2d;color:var(--text);padding:.3rem .42rem;font:inherit;font-size:.82rem}.control-card input[type=text]::placeholder{color:#7f96bc}.control-card input[type=range]{width:100%;accent-color:#6fa4ff;margin:0}.control-card p{color:#d9e6ff;font-size:.74rem}.range-stack{display:grid;gap:.22rem}.range-item{display:grid;gap:.16rem}.range-row{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--muted)}.range-row strong{color:#d8e8ff;font-size:.76rem}.dual-slider{position:relative;height:26px;margin:.06rem 0 .14rem;touch-action:none}.dual-slider-base,.dual-slider-active{position:absolute;top:50%;transform:translateY(-50%);height:4px;border-radius:999px}.dual-slider-base{left:0;right:0;background:#304b74}.dual-slider-active{background:#83b3ff}.slider-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;padding:0;margin:0;border-radius:999px;background:#b7d2ff;border:2px solid #294268;box-shadow:0 0 0 2px #b7d2ff38;cursor:pointer;z-index:2}.slider-handle.min{z-index:3}.slider-handle.max{z-index:4}.slider-handle.dragging{z-index:5;box-shadow:0 0 0 3px #b7d2ff59}.range-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.22rem}.lever-row{display:flex;justify-content:space-between;gap:.35rem;align-items:center;color:var(--muted);font-size:.7rem}.lever-row strong{color:#d8e8ff;font-weight:700}.graph-panel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.4rem;padding:.5rem}.graph-head{display:grid;gap:.24rem}.graph-head h2{font-size:.92rem}.graph-head p{color:var(--muted);font-size:.69rem}.impact-line{color:#d2e4ff!important;font-size:.7rem!important}.line-graph{width:100%;height:100%;min-height:286px;border:1px solid #324b73;border-radius:10px;background:linear-gradient(180deg,#182740d9,#0d1523f2),radial-gradient(circle at 20% 25%,rgba(72,213,176,.1) 0%,transparent 40%);touch-action:none}.axis-label{fill:#aec2e6;font-size:11px;font-family:IBM Plex Sans,Segoe UI,sans-serif}.scene-grid-line{stroke:#7b98c933;stroke-width:1}.scene-y-guide{stroke:#7a99d03d;stroke-width:1;stroke-dasharray:4 4}.scene-axis-line{stroke:#acc6f78c;stroke-width:1.5}.scene-axis-label{fill:#d8e8ff;font-size:10px;letter-spacing:.04em;font-weight:700}.surface-line{fill:none;stroke:#77a1e899;stroke-width:1.25}.surface-quad{stroke:#c4d8ff29;stroke-width:.42}.surface-line.current{stroke:#53deb5;stroke-width:3;filter:drop-shadow(0 0 9px rgba(83,222,181,.35))}.reward-curve-area{fill:#60a4ff2e}.reward-curve-line{fill:none;stroke:#7ed7bc;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(126,215,188,.35))}.reward-surface-cell{stroke:#cde1ff26;stroke-width:.35}.current-volume-slice{fill:none;stroke:#81eac2f2;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(129,234,194,.38))}.current-volume-label{fill:#c8f6e6;font-size:11px;font-weight:700}.reward-beam{stroke:#ffdf8be6;stroke-width:2;stroke-dasharray:3 4;filter:drop-shadow(0 0 8px rgba(255,223,139,.5))}.reward-node{fill:#ffd46f;stroke:#fff4ce;stroke-width:2}.fomo-line{color:#ffd983!important}.hover-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.3rem}.hover-cards article{border:1px solid #2f4a74;border-radius:9px;background:linear-gradient(180deg,#213454e6,#142035eb);padding:.34rem}.hover-cards p{font-size:.64rem;color:var(--muted);text-transform:uppercase;letter-spacing:.02em}.hover-cards strong{margin-top:.12rem;display:block;font-size:.8rem}.calculus-trigger-wrap{display:flex;justify-content:center;margin-top:.1rem}.calculus-trigger{min-width:144px}.calculus-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060c16c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.calculus-modal{width:min(1000px,98vw);max-height:88vh;overflow:auto;border:1px solid #355386;border-radius:12px;background:linear-gradient(180deg,#16253efa,#0c1627fa);box-shadow:0 20px 60px #00000073;padding:.7rem}.calculus-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.calculus-modal-head h3{margin:0;font-size:.96rem}.calculus-table-wrap{overflow:auto}.calculus-table{width:100%;border-collapse:collapse;font-size:.8rem}.calculus-table th,.calculus-table td{border:1px solid #2f4b79;padding:.45rem .5rem;text-align:left;vertical-align:top}.calculus-table th{background:#436aaa33;color:#d8e8ff}.control-card input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:999px;background:#9cc0ff;border:2px solid #233d66;box-shadow:0 0 0 2px #9dc0ff2e}.control-card input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:999px;background:#9cc0ff;border:2px solid #233d66;box-shadow:0 0 0 2px #9dc0ff2e}@media (max-width: 1180px){.app-shell.graph-shell{height:auto;min-height:100%;grid-template-rows:auto auto auto auto}.top-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.graph-panel{min-height:500px}.hover-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){body{overflow:auto}.top-controls,.hover-cards{grid-template-columns:1fr}}