@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,400&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f9f8f6;--bg2: #f2ede6;--card: #ffffff;--border: #e4ddd4;--text: #2c2620;--text-dim: #8b7d72;--accent: hsl(25, 30%, 42%);--accent-light: hsl(25, 40%, 55%);--scope-bg: #080c08;--radius: 12px;--shadow: 0 2px 12px rgba(0,0,0,.07)}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);height:100dvh;overflow:hidden}.freq-layout{display:flex;height:100dvh;overflow:hidden}.level-sidebar{width:220px;flex-shrink:0;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 12px;gap:4px;overflow-y:auto}.freq-hub-link{font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);text-decoration:none;display:block;margin-bottom:8px;transition:color .15s}.freq-hub-link:hover{color:var(--accent)}.freq-title{font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--text);line-height:1.1}.freq-subtitle{font-size:11px;color:var(--text-dim);letter-spacing:.04em;margin-bottom:16px;margin-top:2px}.level-list{display:flex;flex-direction:column;gap:2px;flex:1}.level-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;border:none;background:transparent;cursor:pointer;text-align:left;font-size:12px;color:var(--text);font-family:Inter,sans-serif;transition:background .12s,color .12s;width:100%}.level-item:hover:not(:disabled){background:var(--bg2)}.level-item.active{background:var(--accent);color:#fff}.level-item.done:not(.active){color:var(--accent)}.level-item.locked{opacity:.4;cursor:not-allowed}.level-num{font-size:10px;font-weight:600;width:18px;flex-shrink:0;font-family:JetBrains Mono,monospace}.level-item-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-check{color:#39c060;font-size:11px;flex-shrink:0}.level-lock{font-size:10px;flex-shrink:0}.freq-main{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:20px 24px 32px;gap:12px}.freq-header{display:flex;align-items:flex-start;justify-content:space-between}.freq-level-title{font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:700;color:var(--text);line-height:1.2}.freq-level-subtitle{font-size:12px;color:var(--text-dim);margin-top:2px}.freq-header-right{display:flex;align-items:center;gap:8px}.sound-btn,.hint-btn,.mix-toggle-btn{font-size:11px;font-weight:500;padding:5px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text-dim);cursor:pointer;transition:all .15s;font-family:inherit}.sound-btn:hover,.hint-btn:hover,.mix-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.sound-btn.active{border-color:#39c060;color:#39c060;background:#f0faf4}.radio-btn.active{border-color:#f59e0b;color:#b45309;background:#fffbeb}.radio-station{font-size:10px;font-weight:600;color:#b45309;font-family:JetBrains Mono,monospace;letter-spacing:.02em;white-space:nowrap}.radio-next-btn{font-size:11px;font-weight:600;padding:5px 9px;border-radius:999px;border:1px solid #f59e0b;background:#fffbeb;color:#b45309;cursor:pointer;font-family:inherit;transition:all .15s;line-height:1}.radio-next-btn:hover{background:#fef3c7;border-color:#d97706}.mix-toggle-btn.active{border-color:#c084fc;color:#c084fc;background:#c084fc14}.hint-box{background:#f9f6f1;border:1px solid hsl(40,30%,88%);border-radius:8px;padding:10px 14px;font-size:12.5px;color:var(--text);display:flex;gap:8px;align-items:flex-start}.hint-icon{flex-shrink:0}.legend{display:flex;gap:20px;font-size:11px;color:var(--text-dim)}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:10px;height:3px;border-radius:2px;display:inline-block}.scope-container{flex:1;min-height:0;border-radius:var(--radius);overflow:hidden;border:1px solid #1a2a1a;box-shadow:0 0 0 1px #3c783c26,inset 0 0 40px #00000080;background:var(--scope-bg)}.score-bar-wrap{display:flex;align-items:center;gap:12px}.score-bar-track{flex:1;height:6px;background:var(--bg2);border-radius:999px;overflow:visible;position:relative}.score-bar-fill{height:100%;border-radius:999px;transition:width .2s ease,background .3s;position:relative}.score-bar-target-line{position:absolute;top:-4px;bottom:-4px;width:2px;background:#0003;border-radius:1px;transform:translate(-50%)}.score-label{font-size:12px;font-weight:600;font-family:JetBrains Mono,monospace;min-width:80px;text-align:right;transition:color .3s}.wave-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;flex-shrink:0}.wave-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border)}.wave-panel-title{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.wave-panel-header-right{display:flex;align-items:center;gap:6px}.ctrl-mode-btn{font-size:11px;font-weight:500;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg2);color:var(--text-dim);cursor:pointer;font-family:inherit;transition:all .15s}.ctrl-mode-btn:hover{border-color:var(--accent);color:var(--accent)}.add-wave-btn{font-size:11px;font-weight:500;padding:4px 12px;border-radius:999px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;font-family:inherit;transition:all .15s}.add-wave-btn:hover:not(:disabled){background:var(--accent);color:#fff}.add-wave-btn:disabled{opacity:.35;cursor:not-allowed}.wave-list{display:flex;flex-direction:row;gap:0;max-height:220px;overflow-y:auto;overflow-x:auto;scrollbar-width:thin}.wave-slot{flex:0 0 260px;padding:10px 14px 14px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.wave-slot-header{display:flex;align-items:center;justify-content:space-between}.wave-number{font-size:11px;font-weight:700;font-family:JetBrains Mono,monospace}.wave-slot-actions{display:flex;gap:4px}.invert-btn,.remove-btn{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;font-family:inherit}.invert-btn:hover{border-color:var(--accent);color:var(--accent)}.invert-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.remove-btn{color:#c05050;border-color:#e8d0d0}.remove-btn:hover{background:#fde8e8;border-color:#c05050}.wave-knobs{display:flex;justify-content:space-around;align-items:flex-start;padding:6px 0 2px;gap:4px}.knob-wrap{display:flex;flex-direction:column;align-items:center;gap:3px}.knob-svg{cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none;display:block}.knob-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-family:JetBrains Mono,monospace}.knob-value{font-size:10px;font-weight:700;font-family:JetBrains Mono,monospace;min-width:38px;text-align:center}.wave-controls-row{display:flex;flex-direction:column;gap:3px}.ctrl-label{font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);display:flex;justify-content:space-between;align-items:center}.ctrl-value{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text)}.ctrl-slider{width:100%;height:4px;appearance:none;background:var(--bg2);border-radius:999px;outline:none;cursor:pointer;--accent-color: var(--accent)}.ctrl-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid #fff;box-shadow:0 0 4px #0003}.ctrl-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid #fff}.freq-pills{display:flex;flex-wrap:wrap;gap:3px}.freq-pill{padding:2px 6px;border-radius:5px;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);font-size:10px;font-family:JetBrains Mono,monospace;cursor:pointer;transition:all .1s;font-weight:500}.freq-pill:hover:not(.active){border-color:var(--accent);color:var(--accent)}.freq-pill.active{font-weight:700}.wave-list:has(.wave-slot--fader){max-height:310px}.wave-slot--fader{flex:0 0 148px;min-height:280px;padding:10px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0px,rgba(255,255,255,.012) 1px,transparent 1px,transparent 4px),linear-gradient(175deg,#1e2028,#16181e,#12141a);border-color:#ffffff12;box-shadow:inset 0 1px #ffffff12,inset 1px 0 #ffffff0a,0 4px 16px #00000080}.wave-slot--fader .invert-btn,.wave-slot--fader .remove-btn{background:#ffffff0d;border-color:#ffffff1a;color:#ffffff73}.wave-slot--fader .invert-btn:hover{border-color:var(--accent);color:var(--accent)}.wave-slot--fader .invert-btn.active{background:var(--accent);color:#000;border-color:var(--accent)}.wave-slot--fader .remove-btn{color:#d06060;border-color:#c850504d}.wave-slot--fader .remove-btn:hover{background:#c8505026;border-color:#d06060}.fader-bay{display:flex;justify-content:center;gap:18px;padding:6px 0 4px;flex:1}.fader-channel{display:flex;flex-direction:column;align-items:center;gap:5px}.fader-value{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.04em;height:13px;line-height:13px;min-width:32px;text-align:center}.fader-label{font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffff47;font-family:JetBrains Mono,monospace}.fader-track-outer{position:relative;width:32px;height:130px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#0e0f12,#181a20 20%,#1c1e26,#181a20 80%,#0e0f12);border-radius:6px;box-shadow:inset 0 2px 8px #000c,inset 0 0 0 1px #0009,0 0 0 1px #ffffff0f}.fader-groove{position:absolute;top:10px;bottom:10px;left:50%;transform:translate(-50%);width:7px;border-radius:4px;background:linear-gradient(to right,#010102,#060708 22%,#0e0f12,#060708 78%,#010102);box-shadow:inset 0 0 6px #000,inset 0 3px 10px #000000e6,0 0 0 1px #000c;pointer-events:none}.fader-center-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:1px;background:#ffffff2e;pointer-events:none;z-index:1}.fader-center-mark:before,.fader-center-mark:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:4px;height:1px;background:#ffffff17}.fader-center-mark:before{left:-6px}.fader-center-mark:after{right:-6px}.fader-slider{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:110px;height:32px;appearance:none;-webkit-appearance:none;background:transparent;border:none;outline:none;cursor:pointer;padding:0;margin:0;z-index:2;--accent-color: var(--accent)}.fader-slider::-webkit-slider-runnable-track{appearance:none;background:transparent;height:4px}.fader-slider::-moz-range-track{background:transparent;height:4px}.fader-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:32px;border-radius:3px;background:linear-gradient(to bottom,#ffffff2e,#ffffff0a 40%,#0000001a),linear-gradient(to right,#38393e,#6e6f76 9%,#aaabb4 22%,#d0d1da 36%,#e8e9f0 48%,#f2f3f8,#e8e9f0 52%,#d0d1da 64%,#aaabb4 78%,#6e6f76 91%,#38393e);box-shadow:0 3px 10px #000000f2,0 1px 3px #000000b3,0 0 0 1px #000000a6,inset 0 1px #ffffff8c,inset 0 -1px #00000040,inset 5px 0 #0000002e,inset 0 0 #0000,inset -5px 0 #0000002e;cursor:grab;border:none}.fader-slider::-webkit-slider-thumb:active{cursor:grabbing;box-shadow:0 3px 14px #000000fa,0 0 0 2px var(--accent-color),inset 0 1px #ffffff80,inset 5px 0 #0000002e,inset -5px 0 #0000002e}.fader-slider::-moz-range-thumb{width:14px;height:32px;border-radius:3px;background:linear-gradient(to right,#38393e,#6e6f76 9%,#aaabb4 22%,#d0d1da 36%,#e8e9f0 48%,#f2f3f8,#e8e9f0 52%,#d0d1da 64%,#aaabb4 78%,#6e6f76 91%,#38393e);box-shadow:0 3px 10px #000000f2,0 0 0 1px #000000a6;border:none;cursor:grab}.fader-freq-section{display:flex;flex-direction:column;gap:4px;border-top:1px solid rgba(255,255,255,.07);padding-top:7px;margin-top:2px}.fader-section-label{font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffff40;font-family:JetBrains Mono,monospace}.fader-freq-pills .freq-pill{border-color:#ffffff1f;background:#ffffff0a;color:#fff6}.fader-freq-pills .freq-pill:hover:not(.active){border-color:var(--accent);color:var(--accent);background:#ffffff0f}.win-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.win-card{background:var(--card);border-radius:20px;padding:40px 48px;text-align:center;max-width:380px;width:90%;box-shadow:0 24px 80px #0003;display:flex;flex-direction:column;align-items:center;gap:12px}.win-icon{font-size:40px;color:#39ff80;text-shadow:0 0 20px #39ff80}.win-title{font-family:Playfair Display,Georgia,serif;font-size:28px;font-weight:700;color:var(--text)}.win-subtitle{font-size:14px;color:var(--text-dim)}.win-final{font-size:13px;color:var(--text-dim);margin-bottom:8px}.win-next-btn{margin-top:8px;padding:12px 32px;border-radius:999px;border:none;background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.win-next-btn:hover{background:var(--accent-light)}.win-replay-btn{padding:8px 20px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:13px;cursor:pointer;font-family:inherit;transition:all .15s}.win-replay-btn:hover{border-color:var(--accent);color:var(--accent)}.dj-mixer-wrap{display:flex;align-items:center;gap:12px;margin-bottom:4px}.dj-mixer-label{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.14em;color:#666;flex-shrink:0}.dj-mixer{display:flex;gap:6px;align-items:center;background:#111;border:1px solid #242424;border-radius:10px;padding:8px 10px}.dj-pad{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 12px;border-radius:7px;border:1px solid #282828;background:#191919;cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s;min-width:58px;font-family:inherit}.dj-pad:hover{border-color:#3a3a3a;background:#222}.dj-pad-dot{width:8px;height:8px;border-radius:50%;background:#2e2e2e;transition:background .12s,box-shadow .12s}.dj-pad-label{font-family:JetBrains Mono,monospace;font-size:8px;font-weight:600;letter-spacing:.09em;color:#444;transition:color .12s;white-space:nowrap}.dj-pad--on{border-color:color-mix(in srgb,var(--pad-color) 28%,#282828);background:color-mix(in srgb,var(--pad-color) 9%,#191919)}.dj-pad--on .dj-pad-dot{background:var(--pad-color);box-shadow:0 0 7px var(--pad-color),0 0 14px color-mix(in srgb,var(--pad-color) 50%,transparent)}.dj-pad--on .dj-pad-label{color:var(--pad-color)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.hint-btn--ad{border-color:#ffc85059;color:#ffcc50}.hint-btn--ad:hover{border-color:#ffcc50;color:#ffe080}.hint-box--2{border-color:#b48c2859;background:#faf6eb;color:#5d5132}.rewarded-overlay{position:fixed;inset:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rewarded-card{background:#1c1c1c;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px;width:360px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;align-items:center;gap:16px}.rewarded-header{width:100%;display:flex;align-items:center;justify-content:space-between}.rewarded-title{font-size:14px;font-weight:600;letter-spacing:.05em;color:#ffcc50}.rewarded-close-btn{background:none;border:none;color:#fff6;font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s}.rewarded-close-btn:hover{color:#fffc}.rewarded-instructions{font-size:12px;color:#ffffff73;text-align:center;margin:0}.rewarded-ad-wrap{width:300px;height:250px;display:flex;align-items:center;justify-content:center}.rewarded-ad-placeholder{width:300px;height:250px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;display:flex;align-items:center;justify-content:center}.rewarded-ad-placeholder-text{font-size:11px;color:#ffffff26;text-transform:uppercase;letter-spacing:.12em}.rewarded-countdown-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.rewarded-progress-track{width:100%;height:4px;background:#ffffff14;border-radius:99px;overflow:hidden}.rewarded-progress-fill{height:100%;background:#ffcc50;border-radius:99px;transition:width .9s linear}.rewarded-countdown-label{font-size:12px;color:#ffffff59;margin:0}.rewarded-countdown-num{color:#ffcc50;font-weight:600}.rewarded-reveal{width:100%;display:flex;flex-direction:column;align-items:center}@media(max-width:640px){.level-sidebar{width:160px}.freq-main{padding:14px 16px}}