*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", monospace;--bg: #f5f4f0;--bg-card: #ffffff;--bg-muted: #f0efe9;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .15);--text-primary: #1a1916;--text-secondary: #6b6a65;--text-tertiary: #a09f9a;--blue: #185FA5;--blue-light: #e6f1fb;--blue-mid: #378ADD;--green: #3B6D11;--green-light: #eaf3de;--green-mid: #639922;--red: #993C1D;--red-light: #faece7;--amber: #854F0B;--amber-light: #faeeda;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px}html,body,#root{height:100%;font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased}button{font-family:var(--font-sans);cursor:pointer}input[type=range]{width:100%;accent-color:var(--blue);cursor:pointer}.app-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;min-height:calc(100vh - 40px);max-width:1320px;margin:0 auto;width:100%;align-items:stretch;box-sizing:border-box}.app-plot{background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;min-height:520px;height:100%;position:relative;z-index:1}.app-sidebar{display:flex;flex-direction:column;min-height:520px;height:100%;overflow:visible;position:relative;z-index:2;font-size:15px}.app-sidebar__scroll{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:visible}.control-panel{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0}.control-panel__title{font-size:30px;font-weight:600;letter-spacing:-.8px}.control-panel__round{font-size:14px;color:var(--text-tertiary);font-weight:400}.control-panel__subtitle{font-size:14px;color:var(--text-tertiary);line-height:1.55}.control-panel__section-label{font-size:13px;color:var(--text-tertiary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.6px}.control-panel__card{background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}.control-panel__score-lg{font-size:34px;font-weight:600;font-variant-numeric:tabular-nums}.control-panel__score-md{font-size:24px;font-weight:500;font-variant-numeric:tabular-nums}.control-panel__slider-label{font-size:15px;color:var(--text-secondary)}.control-panel__slider-value{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.control-panel__diff-btn{flex:1;padding:10px 0;border-radius:8;border:.5px solid;font-size:14px;transition:all .15s}.control-panel__metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;overflow:visible}.control-panel__metric-cell{background:var(--bg-muted);border-radius:8px;padding:12px 14px;overflow:visible;position:relative}.control-panel__metric-cell:has(.metric-tooltip:hover),.control-panel__metric-cell:has(.metric-tooltip:focus-within){z-index:20}.control-panel__metric-label{font-size:13px;color:var(--text-tertiary);margin-bottom:6px;display:flex;align-items:center}.control-panel__metric-value{font-size:24px;font-weight:500;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.control-panel__body-text{font-size:15px;color:var(--text-secondary);line-height:1.65}.control-panel__feedback{border-radius:var(--radius-md);padding:14px 16px;font-size:15px;line-height:1.65}.control-panel__btn{padding:12px 18px;border-radius:10px;font-size:15px;letter-spacing:.2px}.control-panel__btn--primary{flex:1;border:none;font-weight:500}.control-panel__btn--ghost{border:.5px solid var(--border-strong);background:transparent;color:var(--text-secondary);font-weight:400}.score-history__label{font-size:13px;color:var(--text-tertiary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.6px}.score-history__round-score{flex:1;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}@media (max-width: 960px){.app-layout{grid-template-columns:1fr;max-width:none;min-height:auto}.app-plot,.app-sidebar{min-height:400px;height:auto}.app-plot{min-height:min(420px,55vh)}}.metric-tooltip{position:relative;display:inline-flex;margin-left:4px;vertical-align:middle}.metric-tooltip__trigger{width:14px;height:14px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-tertiary);font-size:10px;font-weight:600;line-height:1;cursor:help;opacity:.55;transition:opacity .15s,color .15s,background .15s}.metric-tooltip__trigger:hover,.metric-tooltip__trigger:focus-visible{opacity:1;color:var(--blue);background:var(--blue-light);outline:none}.metric-tooltip__content{position:absolute;z-index:200;top:calc(100% + 8px);left:0;right:auto;bottom:auto;transform:none;width:max-content;max-width:min(280px,42vw);padding:10px 12px;border-radius:var(--radius-sm);background:var(--text-primary);color:#fff;font-size:13px;font-weight:400;line-height:1.5;text-align:left;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s,visibility .12s;box-shadow:0 4px 16px #0000002e}.metric-tooltip__trigger{width:16px;height:16px;font-size:11px}.metric-tooltip:hover .metric-tooltip__content,.metric-tooltip:focus-within .metric-tooltip__content{opacity:1;visibility:visible}