:root{--bg:#0d0d10;--bg-elev:#16161c;--bg-elev-2:#1e1e26;--border:#262630;--text:#f2f2f5;--text-dim:#9a9aa6;--text-faint:#55555f;--accent:#3aa0ff;--accent-2:#7c5cff;--meter-lo:#3ad07a;--meter-hi:#ffd23a;--meter-peak:#ff5a5a;--sa-top:var(--tg-viewport-safe-area-inset-top,env(safe-area-inset-top,0px));--sa-bottom:var(--tg-viewport-safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--sa-left:var(--tg-viewport-safe-area-inset-left,env(safe-area-inset-left,0px));--sa-right:var(--tg-viewport-safe-area-inset-right,env(safe-area-inset-right,0px));--content-top:var(--tg-viewport-content-safe-area-inset-top,0px);--content-bottom:var(--tg-viewport-content-safe-area-inset-bottom,0px);--app-h:var(--tg-viewport-stable-height,100dvh);--tap:48px;--radius:16px;--maxw:640px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{overflow:hidden}input[type=range]{appearance:none;background:var(--bg-elev-2);border-radius:4px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);border:2px solid var(--accent);cursor:pointer;border-radius:50%;width:22px;height:22px}input[type=range]::-moz-range-thumb{background:var(--text);border:2px solid var(--accent);cursor:pointer;border-radius:50%;width:22px;height:22px}button{font-family:inherit}