*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:#05070b;color:#e7eef6;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.glass{background:rgba(13,17,23,.62);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.45)}.muted{color:#8b97a5}.switch{position:relative;width:34px;height:19px;border-radius:19px;background:rgba(255,255,255,.12);border:none;cursor:pointer;transition:background .15s;flex:none}.switch[data-on=true]{background:#2bb6e6}.switch:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .15s}.switch[data-on=true]:after{transform:translateX(15px)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:4px;background:rgba(255,255,255,.15);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#2bb6e6;cursor:pointer;border:2px solid #0b0f14}.seg{display:flex;background:rgba(255,255,255,.06);border-radius:9px;padding:3px;gap:3px}.seg button{flex:1 1;border:none;background:transparent;color:#8b97a5;font-size:12px;padding:6px 8px;border-radius:7px;cursor:pointer;transition:all .12s}.seg button[data-active=true]{background:rgba(43,182,230,.18);color:#7fd8f5}