*{box-sizing:border-box}:root{--color-bg: #f5f5f5;--color-text: #222;--color-border: #ddd;--color-primary: #2a7fa5;--color-success: #4a9d5f;--color-danger: #d9534f}@media (prefers-color-scheme: dark){:root{--color-bg: #1a1a1a;--color-text: #eee;--color-border: #444}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.5}#root{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:8px;background-color:var(--color-bg)}.app{width:100%;max-width:390px;display:flex;flex-direction:column;gap:12px;padding:0}.header{text-align:center;padding:12px 0 0;margin:0}.header h1{margin:0 0 4px;font-size:28px;font-weight:700;color:var(--color-primary)}.subtitle{margin:0;font-size:12px;color:var(--color-text);opacity:.7}.crash-banner,.success-banner{border-radius:6px;padding:12px;text-align:center;font-weight:600}.crash-banner{background-color:#d9534f26;color:var(--color-danger)}.success-banner{background-color:#4a9d5f26;color:var(--color-success)}.crash-banner p,.success-banner p{margin:4px 0;font-size:13px}.score-section{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:#00000005;border-radius:6px}.score-row{display:flex;justify-content:space-around;gap:12px}.score-item{display:flex;flex-direction:column;align-items:center;flex:1}.score-item label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.7;margin-bottom:2px}.score-value{font-size:20px;font-weight:700;color:var(--color-primary)}.progress-bar{width:100%;height:6px;background-color:#0000001a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-success));transition:width .3s ease}.meters{display:flex;flex-direction:column;gap:12px;padding:0 8px}.meter{display:flex;flex-direction:column;gap:6px}.meter-label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;padding:0 4px}.meter-value{color:var(--color-primary);font-weight:700}.meter-value.danger{color:var(--color-danger)}.danger-tag{color:var(--color-danger);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.sparkline{width:100%;height:40px;border:1px solid var(--color-border);border-radius:4px;background-color:#00000005}.levers{display:flex;flex-direction:column;gap:16px;padding:0 8px}.slider-container{display:flex;align-items:center;gap:12px}.slider-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:50px;flex-shrink:0}.slider-input{flex:1;height:24px;min-height:44px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none}.slider-input::-webkit-slider-track{height:4px;background-color:var(--color-border);border-radius:2px;border:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background-color:var(--color-primary);cursor:pointer;margin-top:-8px;box-shadow:0 2px 4px #00000026;transition:background-color .2s,box-shadow .2s}.slider-input::-webkit-slider-thumb:hover{background-color:var(--color-success);box-shadow:0 2px 6px #0003}.slider-input:disabled::-webkit-slider-thumb{background-color:#ccc;cursor:not-allowed}.slider-input::-moz-range-track{height:4px;background-color:var(--color-border);border-radius:2px;border:none}.slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background-color:var(--color-primary);cursor:pointer;border:none;box-shadow:0 2px 4px #00000026;transition:background-color .2s,box-shadow .2s}.slider-input::-moz-range-thumb:hover{background-color:var(--color-success);box-shadow:0 2px 6px #0003}.slider-input:disabled::-moz-range-thumb{background-color:#ccc;cursor:not-allowed}.slider-value{font-size:12px;font-weight:600;color:var(--color-text);width:40px;text-align:right;flex-shrink:0}.controls{display:flex;gap:8px;padding:0 8px 8px}.control-btn{flex:1;padding:12px 16px;height:44px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:6px;background-color:var(--color-primary);color:#fff;cursor:pointer;transition:background-color .2s,transform .1s;active:all .15s ease}.control-btn:hover{background-color:var(--color-success)}.control-btn:active{transform:scale(.98)}.control-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:scale(1)}.control-btn.active{background-color:var(--color-success);box-shadow:inset 0 2px 4px #0003}