*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}:root{--primary-cyan: #00f3ff;--primary-pink: #ff2a8d;--accent-purple: #9d4edd;--accent-gold: #ffbe0b;--bg-dark: #080914;--card-bg: rgba(14, 18, 38, .88)}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);font-family:Chakra Petch,Noto Sans KR,sans-serif;color:#f1f5f9}#game-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#11142e,#060812);overflow:hidden}#game-canvas{width:1280px;height:720px;max-width:100vw;max-height:100vh;aspect-ratio:16 / 9;object-fit:contain;box-shadow:0 0 50px #00f3ff26,0 0 100px #ff2a8d1a;border:1px solid rgba(0,243,255,.2);display:block}.ui-layer{position:absolute;top:50%;left:50%;width:1280px;height:720px;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .3s ease}@media (max-aspect-ratio: 16/9){.ui-layer,#game-canvas{width:100vw;height:56.25vw}}@media (min-aspect-ratio: 16/9){.ui-layer,#game-canvas{height:100vh;width:calc(100vh * 16 / 9)}}.hidden{display:none!important}.hud-top-left{position:absolute;top:24px;left:32px;display:flex;flex-direction:column;gap:6px}.score-box .label,.accuracy-box .label{font-size:11px;font-weight:700;letter-spacing:2px;color:#94a3b8;display:block}.digital-number{font-size:32px;font-weight:700;letter-spacing:3px;color:var(--primary-cyan);text-shadow:0 0 12px rgba(0,243,255,.6)}.accuracy-box span:last-child{font-size:18px;font-weight:700;color:#f8fafc}.hud-top-center{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px}.song-title{font-size:14px;letter-spacing:3px;font-weight:700;color:#e2e8f0;text-shadow:0 0 8px rgba(255,42,141,.5)}.progress-bar-bg{width:380px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.progress-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--primary-cyan),var(--primary-pink));box-shadow:0 0 10px var(--primary-pink);transition:width .1s linear}.time-display{font-size:12px;letter-spacing:1px;color:#94a3b8}.hud-top-right{position:absolute;top:24px;right:32px;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.health-container{display:flex;align-items:center;gap:10px}.health-label{font-size:11px;font-weight:700;letter-spacing:2px;color:#94a3b8}.health-bar-bg{width:160px;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;border:1px solid rgba(0,243,255,.3)}.health-bar-fill{width:100%;height:100%;background:linear-gradient(90deg,#10b981,#00f3ff);box-shadow:0 0 8px #00f3ff80;transition:width .2s ease,background .3s}.key-overlay{display:flex;gap:8px;margin-top:4px}.key-card{width:46px;height:54px;border-radius:8px;border:1.5px solid rgba(255,255,255,.2);background:#0f172abf;backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006;transition:all .05s ease;user-select:none}.key-card .key-name{font-family:Chakra Petch,sans-serif;font-size:16px;font-weight:900;color:#e2e8f0;line-height:1.1;transition:color .05s ease}.key-card .key-count{font-family:Chakra Petch,monospace,sans-serif;font-size:11px;font-weight:700;color:#64748b;margin-top:2px;line-height:1;transition:color .05s ease}.key-card.key-j.active{background:#00f3ff40;border-color:var(--primary-cyan);box-shadow:0 0 16px #00f3ffb3,inset 0 0 8px #00f3ff4d;transform:translateY(2px) scale(.95)}.key-card.key-j.active .key-name{color:#fff;text-shadow:0 0 8px var(--primary-cyan)}.key-card.key-j.active .key-count{color:var(--primary-cyan)}.key-card.key-k.active{background:#ff2a8d40;border-color:var(--primary-pink);box-shadow:0 0 16px #ff2a8db3,inset 0 0 8px #ff2a8d4d;transform:translateY(2px) scale(.95)}.key-card.key-k.active .key-name{color:#fff;text-shadow:0 0 8px var(--primary-pink)}.key-card.key-k.active .key-count{color:var(--primary-pink)}.key-card.key-l.active{background:#ffbe0b40;border-color:var(--primary-yellow);box-shadow:0 0 16px #ffbe0bb3,inset 0 0 8px #ffbe0b4d;transform:translateY(2px) scale(.95)}.key-card.key-l.active .key-name{color:#fff;text-shadow:0 0 8px var(--primary-yellow)}.key-card.key-l.active .key-count{color:var(--primary-yellow)}.hud-combo-container{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.combo-number{font-size:56px;font-weight:900;font-style:italic;color:#fff;text-shadow:0 0 20px rgba(0,243,255,.8),0 0 40px rgba(255,42,141,.5);line-height:1;transition:transform .05s ease-out}.combo-label{font-size:13px;font-weight:700;letter-spacing:6px;color:var(--primary-cyan)}.hud-bottom-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:12px;color:#64748b;display:flex;align-items:center;gap:10px}.hud-bottom-hint kbd{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:11px;color:#cbd5e1;border:1px solid rgba(255,255,255,.2)}.hud-bottom-hint .divider{color:#475569}.ui-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#040712bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:50;pointer-events:auto;transition:opacity .3s ease}.screen-card{background:var(--card-bg);border:1px solid rgba(0,243,255,.3);box-shadow:0 10px 40px #000000b3,0 0 30px #00f3ff26;border-radius:16px;padding:32px 40px;text-align:center;max-width:680px;width:90%;animation:modalPop .3s cubic-bezier(.16,1,.3,1)}.song-select-card{max-width:1060px;width:94%;padding:24px 32px;border-color:#ffffff26;box-shadow:0 15px 50px #000c,0 0 40px #00f3ff1a}@keyframes modalPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.select-header{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.logo-badge{display:inline-block;padding:4px 14px;background:#ff2a8d26;border:1px solid var(--primary-pink);border-radius:20px;color:var(--primary-pink);font-size:11px;font-weight:700;letter-spacing:3px;margin-bottom:8px}.header-brand{display:flex;align-items:center;justify-content:center;gap:16px}.select-character-mini{width:52px;height:auto;aspect-ratio:972 / 820;object-fit:contain;filter:drop-shadow(0 0 12px rgba(0,243,255,.6));animation:floatMiniChar 3s ease-in-out infinite}@keyframes floatMiniChar{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.04)}}.title-wrap{text-align:left}.game-title{font-size:44px;font-weight:900;letter-spacing:4px;font-style:italic;color:#fff;line-height:1;text-shadow:0 0 25px rgba(0,243,255,.6)}.game-title span{color:var(--primary-pink);text-shadow:0 0 25px rgba(255,42,141,.8)}.select-subtitle{font-size:12px;letter-spacing:4px;font-weight:700;color:var(--primary-cyan);margin-top:4px;text-shadow:0 0 10px rgba(0,243,255,.5)}.song-cards-container{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;padding:14px 10px 18px;margin:12px 0 18px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(0,240,255,.4) rgba(0,0,0,.4)}.song-cards-container::-webkit-scrollbar{height:8px}.song-cards-container::-webkit-scrollbar-track{background:#0006;border-radius:4px}.song-cards-container::-webkit-scrollbar-thumb{background:#00f0ff66;border-radius:4px}.song-cards-container::-webkit-scrollbar-thumb:hover{background:#00f0ffcc}.song-card{position:relative;flex:0 0 290px;width:290px;scroll-snap-align:center;background:#0e1324d9;border:1.5px solid rgba(255,255,255,.12);border-radius:14px;padding:18px 16px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;text-align:left;opacity:.68;filter:brightness(.85);transition:all .28s cubic-bezier(.16,1,.3,1);overflow:hidden;user-select:none}.song-card:hover{opacity:.92;filter:brightness(1);transform:translateY(-4px);border-color:#ffffff4d}.song-card.active{opacity:1;filter:brightness(1.05);transform:translateY(-6px) scale(1.03);background:#121930f2;z-index:2}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;opacity:0;transition:opacity .3s ease}.song-card.active .card-glow{opacity:1}#card-rainty.active{border-color:#00f0ff;box-shadow:0 0 30px #00f0ff66,inset 0 0 15px #00f0ff1f;animation:neonPulseCyan 2.4s infinite ease-in-out}#card-rainty.active .card-glow{background:radial-gradient(circle at 50% 20%,rgba(0,240,255,.12) 0%,transparent 60%)}#card-douzonku.active{border-color:#ff6fa9;box-shadow:0 0 30px #ff6fa973,inset 0 0 15px #ff6fa926;animation:neonPulseCookie 2.4s infinite ease-in-out}#card-douzonku.active .card-glow{background:radial-gradient(circle at 50% 20%,rgba(255,111,169,.15) 0%,transparent 60%)}#card-sungbong.active{border-color:#ff9f1c;box-shadow:0 0 30px #ff9f1c73,inset 0 0 15px #ff9f1c26;animation:neonPulseOrange 2.4s infinite ease-in-out}#card-sungbong.active .card-glow{background:radial-gradient(circle at 50% 20%,rgba(255,159,28,.15) 0%,transparent 60%)}#card-capmang.active{border-color:#ff2d55;box-shadow:0 0 30px #ff2d5566,inset 0 0 15px #ff2d551f;animation:neonPulsePink 2.4s infinite ease-in-out}#card-capmang.active .card-glow{background:radial-gradient(circle at 50% 20%,rgba(255,45,85,.12) 0%,transparent 60%)}#card-feelgood.active{border-color:#10b981;box-shadow:0 0 30px #10b98173,inset 0 0 15px #10b98126;animation:neonPulseGreen 2.4s infinite ease-in-out}#card-feelgood.active .card-glow{background:radial-gradient(circle at 50% 20%,rgba(16,185,129,.15) 0%,transparent 60%)}#card-notheme.active{border-color:#a855f7;box-shadow:0 0 30px #a855f773,inset 0 0 15px #a855f726;animation:neonPulsePurple 2.4s infinite ease-in-out}#card-notheme.active .card-glow{background:radial-gradient(circle at 50% 20%,rgba(168,85,247,.15) 0%,transparent 60%)}#card-ildoyangdan.active{border-color:#f05;box-shadow:0 0 35px #ff00558c,inset 0 0 18px #ff00552e;animation:neonPulseBloodRed 2.4s infinite ease-in-out}#card-ildoyangdan.active .card-glow{background:radial-gradient(circle at 50% 20%,rgba(255,0,85,.18) 0%,transparent 60%)}@keyframes neonPulseCyan{0%,to{box-shadow:0 0 25px #00f0ff59,inset 0 0 12px #00f0ff1a}50%{box-shadow:0 0 40px #00f0ffa6,inset 0 0 20px #00f0ff33}}@keyframes neonPulseCookie{0%,to{box-shadow:0 0 25px #ff6fa959,inset 0 0 12px #ff6fa91a}50%{box-shadow:0 0 40px #ff6fa9a6,inset 0 0 20px #ff6fa938}}@keyframes neonPulseOrange{0%,to{box-shadow:0 0 25px #ff9f1c59,inset 0 0 12px #ff9f1c1a}50%{box-shadow:0 0 40px #ff9f1ca6,inset 0 0 20px #ff9f1c38}}@keyframes neonPulsePink{0%,to{box-shadow:0 0 25px #ff2d5559,inset 0 0 12px #ff2d551a}50%{box-shadow:0 0 40px #ff2d55a6,inset 0 0 20px #ff2d5533}}@keyframes neonPulseGreen{0%,to{box-shadow:0 0 25px #10b98159,inset 0 0 12px #10b9811a}50%{box-shadow:0 0 40px #10b981a6,inset 0 0 20px #10b98138}}@keyframes neonPulsePurple{0%,to{box-shadow:0 0 25px #a855f759,inset 0 0 12px #a855f71a}50%{box-shadow:0 0 40px #a855f7a6,inset 0 0 20px #a855f733}}@keyframes neonPulseBloodRed{0%,to{box-shadow:0 0 25px #f056,inset 0 0 12px #ff00551f}50%{box-shadow:0 0 45px #ff0055bf,inset 0 0 22px #ff005540}}.card-badge-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.diff-badge{font-size:10px;font-weight:800;letter-spacing:1px;padding:3px 8px;border-radius:6px;text-transform:uppercase}.diff-badge.normal{background:#00f0ff26;border:1px solid #00f0ff;color:#00f0ff;text-shadow:0 0 6px rgba(0,240,255,.6)}.diff-badge.hard{background:#ff2d5526;border:1px solid #ff2d55;color:#ff2d55;text-shadow:0 0 6px rgba(255,45,85,.6)}.diff-badge.expert{background:#a855f72e;border:1px solid #c084fc;color:#d8b4fe;text-shadow:0 0 6px rgba(168,85,247,.6)}.genre-tag{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#64748b}.song-card.active .genre-tag{color:#94a3b8}.card-title-block{margin-bottom:12px}.card-song-title{font-size:19px;font-weight:900;color:#fff;letter-spacing:.5px;line-height:1.2;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-card.active .card-song-title{text-shadow:0 0 12px rgba(255,255,255,.4)}.card-song-subtitle{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-card.active .card-song-subtitle{color:#94a3b8}.card-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:10px 12px;margin-bottom:14px}.spec-cell{display:flex;flex-direction:column}.spec-label{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#64748b}.spec-value{font-size:13px;font-weight:800;color:#cbd5e1;margin-top:1px}.song-card.active .spec-value{color:#fff}.card-preview-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 10px;border-radius:6px;background:#ffffff0a;font-size:11px;font-weight:700;letter-spacing:1px;color:#64748b;transition:all .2s ease}.song-card.active .card-preview-indicator{background:#ffffff17;color:#e2e8f0}.equalizer-bars{display:flex;align-items:flex-end;gap:3px;height:12px}.equalizer-bars span{width:3px;height:3px;background:#64748b;border-radius:1px;transition:all .2s ease}.song-card.active .equalizer-bars span{animation:eqBounce 1s infinite ease-in-out}#card-rainty.active .equalizer-bars span{background:#00f0ff;box-shadow:0 0 6px #00f0ff}#card-capmang.active .equalizer-bars span{background:#ff2d55;box-shadow:0 0 6px #ff2d55}#card-notheme.active .equalizer-bars span{background:#a855f7;box-shadow:0 0 6px #a855f7}.equalizer-bars span:nth-child(1){animation-delay:.1s}.equalizer-bars span:nth-child(2){animation-delay:.3s}.equalizer-bars span:nth-child(3){animation-delay:.2s}.equalizer-bars span:nth-child(4){animation-delay:.4s}@keyframes eqBounce{0%,to{height:3px}50%{height:12px}}.select-bottom-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:4px}.select-controls-guide{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:12px}.select-controls-guide kbd{background:#ffffff1a;padding:2px 7px;border-radius:4px;font-family:monospace;font-size:11px;color:#cbd5e1;border:1px solid rgba(255,255,255,.2)}.select-controls-guide .guide-sep{color:#475569}.btn-start-track{min-width:340px;padding:16px 48px;font-size:19px;font-weight:900;letter-spacing:3px}.btn-start-track .key-tag{font-size:13px;font-weight:700;opacity:.85;margin-left:6px}.btn-primary{position:relative;background:linear-gradient(135deg,#00f3ff,#ff2a8d);border:none;border-radius:8px;padding:16px 48px;font-family:inherit;font-size:18px;font-weight:800;letter-spacing:3px;color:#fff;cursor:pointer;box-shadow:0 0 25px #00f3ff66,0 0 50px #ff2a8d4d;transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.btn-primary:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 35px #00f3ffb3,0 0 60px #ff2a8d80}.btn-primary:active{transform:translateY(1px) scale(.98)}.btn-secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:14px 32px;font-family:inherit;font-size:15px;font-weight:700;color:#e2e8f0;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff29;border-color:#fff6}.btn-group{display:flex;gap:16px;justify-content:center;margin-top:24px}.pause-card h2{font-size:36px;letter-spacing:4px;color:var(--primary-cyan);text-shadow:0 0 20px rgba(0,243,255,.5);margin-bottom:8px}.result-card{max-width:580px}.stage-clear-text{font-size:12px;letter-spacing:4px;font-weight:700;color:var(--primary-cyan)}.result-title{font-size:28px;letter-spacing:2px;margin-top:4px;color:#fff}.result-song-badge-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}.res-diff-pill{font-size:11px;font-weight:800;letter-spacing:1px;padding:4px 12px;border-radius:12px;background:#00f0ff26;border:1px solid #00f0ff;color:#00f0ff;text-shadow:0 0 6px rgba(0,240,255,.5);text-transform:uppercase}.res-song-name{font-size:20px;font-weight:800;color:#f8fafc;letter-spacing:1px}.result-body{margin:28px 0;display:flex;align-items:center;gap:32px;background:#0000004d;border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.08)}.rank-badge{font-size:96px;font-weight:900;font-style:italic;line-height:1;color:var(--accent-gold);text-shadow:0 0 30px rgba(255,190,11,.7);min-width:110px;text-align:center}.stats-list{flex:1;display:flex;flex-direction:column;gap:8px}.stat-item{display:flex;justify-content:space-between;font-size:14px;color:#94a3b8}.stat-item strong{color:#f8fafc;font-size:16px}.stat-divider{border:none;border-top:1px solid rgba(255,255,255,.1);margin:4px 0}.judgment-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.judge-row{display:flex;justify-content:space-between;font-size:13px;font-weight:700}.judge-row.perfect{color:#00f3ff}.judge-row.great{color:#10b981}.judge-row.good{color:#f59e0b}.judge-row.miss{color:#ef4444}.btn-settings{position:absolute;top:0;right:0;display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#e2e8f0;padding:6px 14px;border-radius:8px;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .25s ease;pointer-events:auto}.btn-settings:hover{background:#00f3ff26;border-color:#00f3ff;color:#00f3ff;box-shadow:0 0 16px #00f3ff66;transform:translateY(-2px)}.btn-settings-icon{font-size:14px}.card-best-row{display:flex;justify-content:space-between;align-items:center;background:#00000073;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 10px;margin-bottom:12px}.best-label{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#64748b}.best-value{font-size:12px;font-weight:800;color:#cbd5e1;display:flex;align-items:center;gap:6px}.song-card.active .best-value{color:#fff}.badge-fc,.badge-ap{font-size:9px;font-weight:900;padding:1px 5px;border-radius:4px;letter-spacing:.5px;line-height:1.2}.badge-fc{background:#00f0ff33;border:1px solid #00f0ff;color:#00f0ff;box-shadow:0 0 6px #00f0ff66}.badge-ap{background:linear-gradient(135deg,#ff007f,#ffbe0b);border:1px solid #ffbe0b;color:#fff;box-shadow:0 0 8px #ffbe0b99;text-shadow:0 0 4px #000}.result-badges-row{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:10px;min-height:28px}.res-clear-badge{font-size:13px;font-weight:900;letter-spacing:1.5px;padding:4px 14px;border-radius:14px;text-transform:uppercase;transition:all .3s ease}.res-clear-badge.ap{background:linear-gradient(135deg,#f05,#ffbe0b,#00f3ff);background-size:200% 200%;animation:rainbowGlow 2.5s ease infinite alternate;color:#fff;border:1px solid #ffbe0b;box-shadow:0 0 16px #ffbe0bb3;text-shadow:0 0 6px rgba(0,0,0,.8)}.res-clear-badge.fc{background:#00f0ff33;border:1.5px solid #00f3ff;color:#00f3ff;box-shadow:0 0 14px #00f3ff99;text-shadow:0 0 8px rgba(0,243,255,.8)}.res-new-badge{font-size:12px;font-weight:900;letter-spacing:1.5px;padding:4px 12px;border-radius:14px;background:linear-gradient(90deg,#ffbe0b,#ff007f);color:#fff;border:1px solid #ffe600;box-shadow:0 0 14px #ffbe0bcc;animation:newRecordPulse 1.2s infinite ease-in-out}@keyframes rainbowGlow{0%{background-position:0% 50%;box-shadow:0 0 15px #ff008099}50%{background-position:100% 50%;box-shadow:0 0 25px #ffbe0bcc}to{background-position:0% 50%;box-shadow:0 0 15px #00f3ff99}}@keyframes newRecordPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.25);box-shadow:0 0 22px #ffbe0b}}.modal-overlay{z-index:100;background:#040610bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.settings-card{max-width:520px;width:90%;background:#0e1226f2;border:1.5px solid rgba(0,243,255,.3);border-radius:16px;padding:26px 30px;box-shadow:0 20px 60px #000c,0 0 35px #00f3ff26;animation:modalPop .25s ease-out}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.settings-title-wrap{display:flex;align-items:center;gap:10px}.settings-icon{font-size:20px}.settings-title{font-size:22px;font-weight:800;letter-spacing:2px;color:#00f3ff;text-shadow:0 0 10px rgba(0,243,255,.5)}.btn-icon-close{background:none;border:none;color:#94a3b8;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.btn-icon-close:hover{color:#ff2d55;background:#ff2d5526}.settings-body{display:flex;flex-direction:column;gap:20px;text-align:left}.setting-item{display:flex;flex-direction:column;gap:7px}.setting-label-row{display:flex;justify-content:space-between;align-items:center}.setting-label{font-size:13px;font-weight:700;letter-spacing:1px;color:#e2e8f0}.setting-val-badge{font-size:13px;font-weight:800;color:#00f3ff;background:#00f3ff26;border:1px solid rgba(0,243,255,.35);padding:2px 10px;border-radius:8px;min-width:65px;text-align:center}.setting-hint{font-size:11px;color:#94a3b8;line-height:1.4}.offset-slider-group{display:flex;align-items:center;gap:10px;margin-top:3px}.slider-group{display:flex;align-items:center;margin-top:3px}.btn-step-adjust{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#cbd5e1;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}.btn-step-adjust:hover{background:#00f3ff33;border-color:#00f3ff;color:#00f3ff}.neon-slider{flex:1;accent-color:#00f3ff;cursor:pointer;height:6px;background:#ffffff26;border-radius:3px;outline:none}.neon-toggle{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer}.neon-toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:14px;transition:all .3s ease}.toggle-thumb{position:absolute;height:18px;width:18px;left:4px;bottom:3px;background-color:#94a3b8;border-radius:50%;transition:all .3s ease}.neon-toggle input:checked+.toggle-track{background:#00f3ff40;border-color:#00f3ff;box-shadow:0 0 10px #00f3ff66}.neon-toggle input:checked+.toggle-track .toggle-thumb{transform:translate(20px);background-color:#00f3ff;box-shadow:0 0 8px #00f3ff}