:root{--bg:#0f1226;--card:#171a33;--card-2:#1d2142;--txt:#e9ecff;--muted:#b6b9d6;--accent:#7c8cff;--accent-2:#5ee6a9;--shadow: 0 10px 30px rgba(0,0,0,.35);--radius:18px}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--txt)}header{padding:32px 24px 8px}.title{font-size:26px;font-weight:800}.subtitle{margin-top:6px;color:var(--muted)}.container{padding:16px 24px 40px;display:grid;grid-template-columns:1.1fr .9fr;gap:20px}@media (max-width: 980px){.container{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,var(--card) 0,var(--card-2) 100%);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{padding:16px 18px;border-bottom:1px solid #24285a}.card-body{padding:18px}label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}input[type=range]{width:100%;accent-color:var(--accent)}.row{display:flex;gap:12px;align-items:center}.value-badge{padding:6px 10px;border-radius:10px;background:#0e1130;border:1px solid #2a2f6d;color:var(--accent-2);font-weight:700}.inline-input{background:#0e1130;border:1px solid #2a2f6d;color:var(--txt);padding:10px 12px;border-radius:10px}canvas{width:100%;height:340px;display:block;cursor:crosshair}table{width:100%;border-collapse:collapse;margin-top:6px}th,td{text-align:right;padding:10px 8px;border-bottom:1px dashed #2a2f5c}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-weight:600}.info-icon{display:inline-block;width:16px;height:16px;border-radius:50%;background:var(--accent);color:#fff;text-align:center;font-size:12px;line-height:16px;margin-left:6px;cursor:help;position:relative}.tooltip{position:absolute;background:var(--card-2);color:var(--txt);padding:8px 12px;border-radius:8px;font-size:12px;white-space:nowrap;z-index:1000;box-shadow:var(--shadow);border:1px solid #2a2f6d;opacity:0;pointer-events:none;transition:opacity .2s;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.info-icon:hover .tooltip{opacity:1}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--card-2)}.chart-tooltip{position:absolute;background:var(--card-2);color:var(--txt);padding:12px 16px;border-radius:8px;font-size:12px;z-index:1000;box-shadow:var(--shadow);border:1px solid #2a2f6d;opacity:0;pointer-events:none;transition:opacity .2s;max-width:200px;line-height:1.4}.chart-tooltip .period{font-weight:600;color:var(--accent);margin-bottom:6px}.chart-tooltip .value{margin:2px 0}