:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#edf3ee;background:#101914;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:540px;margin:auto;padding:32px 20px 48px}.eyebrow{color:#c5e891;letter-spacing:.16em;font-size:11px;font-weight:700}h1{font-size:38px;letter-spacing:-.06em;margin:12px 0 8px}header p,footer p{color:#a6b6aa;font-size:14px;line-height:1.6}header{margin-bottom:28px}#status{padding:13px 16px;background:#203527;border:1px solid #35523d;border-radius:12px;font-size:13px;line-height:1.5;margin:18px 0}.card{padding:20px;margin:12px 0;background:#1a261f;border:1px solid #344339;border-radius:18px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.name{font-weight:600}output{font-variant-numeric:tabular-nums;color:#d1edae;font-size:15px;text-align:right}input[type=range]{width:100%;height:44px;accent-color:#c5e891;cursor:pointer;margin:12px 0 0}.limits{display:flex;justify-content:space-between;color:#9ba99f;font-size:12px}button{background:#c5e891;color:#182212;border:0;border-radius:10px;padding:13px 18px;font:inherit;font-weight:650;min-height:46px;cursor:pointer}button:disabled,input:disabled{opacity:.4;cursor:not-allowed}.toggle{min-width:84px}.secondary{background:transparent;border:1px solid #526559;color:#ccd8cf}input[type=password]{width:100%;margin:12px 0;padding:14px;background:#1a261f;border:1px solid #526559;border-radius:10px;font:inherit}label{font-size:14px}.error{color:#ffbdac;font-size:12px;margin:8px 0 0;line-height:1.5}footer{margin-top:26px}button:focus-visible,input:focus-visible{outline:3px solid #e7f8ce;outline-offset:4px}
.slider{height:54px;margin-top:12px;position:relative;touch-action:pan-y;user-select:none;cursor:ew-resize;--position:0%}.rail{position:absolute;left:0;right:0;top:24px;height:6px;border-radius:4px;background:#526559}.thumb{position:absolute;top:14px;left:clamp(13px,var(--position),calc(100% - 13px));transform:translateX(-50%);height:26px;width:26px;border-radius:50%;background:#c5e891;border:3px solid #e7f8ce;box-shadow:0 2px 8px #0006}.slider[aria-disabled=true]{opacity:.4;cursor:not-allowed}.slider:focus-visible{outline:3px solid #e7f8ce;border-radius:8px}.hint{color:#9ba99f;font-size:11px;margin:12px 0 0}.choices{display:flex;gap:10px;margin-top:16px}.choices button{flex:1;background:#2b3c30;color:#b9c7bd;border:1px solid #526559}.choices button[aria-pressed=true]{background:#c5e891;color:#182212;border-color:#c5e891}

input[type=text],select{width:100%;margin:12px 0;padding:14px;background:#1a261f;border:1px solid #526559;border-radius:10px;font:inherit;color:inherit}

#channel-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}

.slider{margin-top:28px}.default-marker{position:absolute;top:10px;height:34px;width:2px;background:#f0c778;pointer-events:none;transform:translateX(-50%);z-index:1}.default-label{position:absolute;bottom:33px;left:0;transform:translateX(-50%);white-space:nowrap;font-size:11px;font-weight:600;color:#f0c778;line-height:16px;pointer-events:none}.thumb{z-index:2}