:root{color-scheme:dark;--bg: #0B0F17;--panel: rgba(255,255,255,.06);--panel2: rgba(255,255,255,.08);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.62);--accent: #60a5fa;--border: rgba(255,255,255,.1);--shadow: 0 18px 50px rgba(0,0,0,.55);--radius: 18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:#000;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;justify-content:center;padding:28px 16px 44px}.container{width:100%;max-width:1200px}.card{background:linear-gradient(180deg,var(--panel),rgba(255,255,255,.03));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.h1{font-size:28px;margin:0 0 6px;letter-spacing:-.02em}.p{margin:0 0 18px;color:var(--muted);line-height:1.45}.row{display:flex;gap:12px;flex-wrap:wrap}.btn{appearance:none;border:1px solid var(--border);background:var(--panel2);color:var(--text);padding:10px 14px;border-radius:999px;cursor:pointer;font-weight:600}.btn:hover{border-color:#ffffff2e}.btn.primary{border-color:#60a5fa73;background:#60a5fa29}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}input[type=range]::-webkit-slider-track{background:#ffffff1a;height:6px;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#60a5fa,#3b82f6);height:20px;width:20px;border-radius:50%;border:3px solid rgba(255,255,255,.15);margin-top:-7px;transition:all .2s ease;box-shadow:0 2px 8px #0006,0 0 #60a5fa66}input[type=range]::-webkit-slider-thumb:hover{background:linear-gradient(135deg,#7dd3fc,#60a5fa);transform:scale(1.15);box-shadow:0 4px 12px #60a5fa80,0 0 0 4px #60a5fa33}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1);box-shadow:0 2px 8px #60a5fa99,0 0 0 6px #60a5fa26}input[type=range]::-moz-range-track{background:#ffffff1a;height:6px;border-radius:3px;border:none}input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#60a5fa,#3b82f6);height:20px;width:20px;border-radius:50%;border:3px solid rgba(255,255,255,.15);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0006}input[type=range]::-moz-range-thumb:hover{background:linear-gradient(135deg,#7dd3fc,#60a5fa);transform:scale(1.15);box-shadow:0 4px 12px #60a5fa80}input[type=range]::-moz-range-thumb:active{transform:scale(1.1)}input[type=range]:disabled{opacity:.5;cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes pulse-dot{0%{box-shadow:0 0 #22c55eb3,0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e4d,0 0 0 8px #22c55e1a}to{box-shadow:0 0 #22c55e00,0 0 #22c55e00}}