:root{--cyber-pink:#ff006e;--cyber-blue:#00f0ff}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}html,body{color:#fff;overscroll-behavior:none;background-color:#050505;width:100vw;height:100dvh;margin:0;padding:0;overflow:hidden}#canvas-container{z-index:1;width:100vw;height:100dvh;position:absolute;top:0;left:0}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#14141966;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d}.glass-btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.glass-btn:hover{background:#ffffff26;border-color:#fff3;transform:translateY(-1px)}.glass-btn.primary{color:#000;background:#ffffffe6}.glass-btn.primary:hover{background:#fff;box-shadow:0 0 20px #fff6}.glass-select{color:#fff;background:#14141999;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:10px;font-size:.9rem}.glass-select option{background:#1a1a20}.glass-divider{background:#ffffff1a;border:0;height:1px;margin:15px 0}.overlay{z-index:2000;background:#050508;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;transition:opacity 1s;display:flex;position:absolute;top:0;left:0;overflow:hidden}.landing-bg-canvas{z-index:1;pointer-events:none;opacity:1;width:100%;height:100%;position:absolute;top:0;left:0}.landing-logo-container{z-index:2;justify-content:center;align-items:center;margin-bottom:25px;display:flex}.landing-sphere{width:130px;height:130px;color:var(--cyber-pink);filter:drop-shadow(0 0 20px var(--cyber-pink)) drop-shadow(0 0 45px #ff006e73);animation:8s linear infinite rotateSlow}.pleroma-waves{z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#6496ff0d 0%,#0000 40%),radial-gradient(circle at 60% 40%,#c864ff0d 0%,#0000 40%);width:200%;height:200%;animation:8s ease-in-out infinite alternate chicPulse;position:absolute;top:-50%;left:-50%}@keyframes chicPulse{0%{opacity:.5;transform:scale(1)translate(0)}to{opacity:1;transform:scale(1.1)translate(2%,2%)}}.arcanum-title{color:#fff;text-shadow:0 0 20px #fff9,0 0 40px #c8000059,0 0 70px #c81e1433;z-index:2;letter-spacing:.3em;text-transform:uppercase;margin-bottom:40px;font-family:Outfit,sans-serif;font-size:5rem;font-weight:800}.arcanum-btn{color:#fff;cursor:pointer;z-index:2;letter-spacing:.2em;text-transform:uppercase;background:0 0;border:1px solid #fff6;border-radius:50px;padding:15px 40px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500;transition:all .4s;box-shadow:0 0 15px #ffffff1a}.arcanum-btn:hover{text-shadow:0 0 10px #ffffff80;background:#ffffff1a;border-color:#ffffffe6;transform:translateY(-2px);box-shadow:0 0 20px #ffffff4d,0 0 40px #64c8ff33}#ui-container{z-index:100;width:320px;transition:opacity .3s,transform .3s;position:absolute;top:70px;left:20px}.control-panel{touch-action:pan-y;flex-direction:column;gap:10px;max-height:90dvh;padding:20px;display:flex;overflow-y:auto}.control-panel.dropdown-active{overflow:visible!important}.control-panel::-webkit-scrollbar{width:6px}.control-panel::-webkit-scrollbar-track{background:#0000001a}.control-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.control-panel h2{text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-bottom:5px;font-size:.8rem}.button-group{flex-direction:column;gap:8px;display:flex;position:relative}.hint{color:#fff6;text-align:center;margin-top:10px;font-size:.75rem}.now-playing-pill{z-index:100;cursor:pointer;border-radius:50px;flex-direction:column;align-items:center;gap:15px;min-width:320px;padding:10px 20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:30px;left:50%;overflow:hidden;transform:translate(-50%)}.now-playing-pill:hover{box-shadow:0 10px 30px #00000080,inset 0 0 15px #ffffff1a}.now-playing-pill.expanded{border-radius:20px;min-width:400px;padding:20px}.np-header{align-items:center;gap:15px;width:100%;display:flex}.np-controls{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex}.icon-btn:hover{background:#fff3;transform:scale(1.1)}.np-expanded-content{opacity:0;flex-direction:column;gap:10px;width:100%;max-height:0;transition:all .4s;display:flex}.now-playing-pill.expanded .np-expanded-content{opacity:1;max-height:100px;margin-top:5px}.np-volume-container{border-left:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:90px;margin-left:15px;margin-right:5px;padding-left:15px;font-family:Outfit,sans-serif;line-height:1.1;display:flex}.volume-lbl{text-transform:uppercase;letter-spacing:2px;color:#ffffff8c;font-size:.6rem;font-weight:800}.glass-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:4px;outline:none;width:100px;height:8px;transition:background .3s}.glass-slider:hover{background:#ffffff4d}.glass-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 0 10px #00f0ffcc,0 0 4px #fff}.glass-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.glass-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 0 10px #00f0ffcc,0 0 4px #fff}.glass-slider::-moz-range-thumb:hover{transform:scale(1.3)}.time-info{color:#fff9;justify-content:space-between;font-size:.8rem;display:flex}.progress-bar-container{cursor:pointer;background:#ffffff1a;border-radius:7px;width:100%;height:14px;position:relative;overflow:hidden}.progress-bar-fill{background:#fff;border-radius:7px;width:0%;height:100%;transition:width .1s linear;box-shadow:0 0 10px #ffffff80}.cover-art{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .5s;animation:4s linear infinite rotate;display:flex}.cover-art svg{color:#fff;width:100%;height:100%;transition:color .5s,filter .5s;display:block}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.track-info{flex-direction:column;display:flex}.track-name{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:1rem;font-weight:600;overflow:hidden}.track-artist{color:#fff9;font-size:.8rem}.audio-bars{align-items:flex-end;gap:3px;height:15px;margin-left:10px;display:flex}.audio-bars .bar{background:#fff;border-radius:2px;width:3px;height:2px;transition:height .1s}@keyframes audioBar{0%,to{height:4px}50%{height:20px}}.audio-bars.paused .bar{transition:height .3s;height:4px!important;animation-play-state:paused!important}body.mode-1 #ui-container,body.mode-2 #ui-container,body.mode-2 #now-playing{opacity:0;pointer-events:none;transform:translate(-20px)}.mode-indicator{z-index:100;letter-spacing:2px;color:#fffc;opacity:0;background:#00000080;border-radius:6px;padding:8px 12px;font-size:.75rem;font-weight:600;transition:opacity .3s;position:absolute;bottom:20px;right:20px}.show-indicator{opacity:1!important}.brand-logo{z-index:100;opacity:.8;cursor:pointer;align-items:center;gap:12px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:25px;right:30px}.brand-logo:hover{opacity:1;transform:scale(1.05)}.brand-sphere{width:24px;height:24px;color:var(--cyber-pink);filter:drop-shadow(0 0 8px var(--cyber-pink));animation:10s linear infinite rotateSlow}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-text{letter-spacing:4px;color:#fff;text-shadow:0 0 10px #ffffff80;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800}body.mode-2 .brand-logo{opacity:0;pointer-events:none}.custom-dropdown{-webkit-user-select:none;user-select:none;z-index:1500;width:100%;font-size:.9rem;position:relative}.custom-dropdown-trigger{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:10px;padding:11px 16px;font-weight:600;transition:all .25s cubic-bezier(.165,.84,.44,1);display:flex}.custom-dropdown-trigger:hover{background:#ffffff26;border-color:#fff3;transform:translateY(-1px);box-shadow:0 5px 15px #0003}.custom-dropdown-arrow{opacity:.6;margin-left:auto;font-size:.7rem;transition:transform .2s}.custom-dropdown.open .custom-dropdown-arrow{transform:rotate(180deg)}.custom-dropdown-menu{touch-action:pan-y;-webkit-backdrop-filter:blur(25px);opacity:0;pointer-events:none;background:#0f0f1499;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:2px;width:100%;max-height:230px;padding:6px;transition:all .25s cubic-bezier(.165,.84,.44,1);display:flex;position:absolute;top:auto;bottom:calc(100% + 6px);left:0;overflow-y:auto;transform:scale(.96)translateY(10px);box-shadow:0 10px 40px #0009,inset 0 0 1px #fff3}.custom-dropdown-menu::-webkit-scrollbar{width:4px}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.custom-dropdown.open .custom-dropdown-menu{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.custom-dropdown-item{cursor:pointer;color:#fffc;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-weight:500;transition:all .15s;display:flex}.custom-dropdown-item:hover{color:#fff;background:#ffffff1a;transform:translate(2px)}.custom-dropdown-item.active{color:#fff;background:#ffffff2e;font-weight:600}.custom-dropdown-trigger:focus-visible,.custom-dropdown-item:focus-visible{outline-offset:2px;background:#ffffff1a;outline:2px solid var(--cyber-blue)!important}.preset-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.preset-dot.pleroma-blau{background:#ff006e;box-shadow:0 0 8px #ff006e}.preset-dot.kybalion-gold{background:orange;box-shadow:0 0 8px orange}.preset-dot.anima-mundi{background:#0080ff;box-shadow:0 0 8px #0080ff}.preset-dot.nous-ether{background:#0f0;box-shadow:0 0 8px #0f0}.preset-dot.vibration-vortex{background:#f0f;box-shadow:0 0 8px #f0f}.preset-dot.arcanum-aura{background:#f6c;box-shadow:0 0 8px #f6c}.preset-dot.mentalism-alchemy{background:#ca0;box-shadow:0 0 8px #ca0}.preset-dot.correspondence-red{background:#f03;box-shadow:0 0 8px #f03}.preset-dot.vibratio-platinum{background:#93f;box-shadow:0 0 8px #93f}.preset-dot.ethereus-corona{background:#f50;box-shadow:0 0 8px #f50}.preset-dot.tenebris-indigo{background:#309;box-shadow:0 0 8px #309}.preset-dot.polarity-crisp{background:#fff;box-shadow:0 0 8px #fffc}.preset-dot.rhythm-cadence{background:#8a8;box-shadow:0 0 8px #8a8}.preset-dot.karma-effect{background:#f80;box-shadow:0 0 8px #f80}.preset-dot.hermetic-slate{background:#889;box-shadow:0 0 8px #889}.track-list-container{padding:0}.track-list-container h3{color:#fff9;margin-bottom:5px;font-size:.75rem}#track-select option{cursor:pointer;border-bottom:1px solid #ffffff0d;padding:8px}#track-select option:hover{background:#ffffff1a}#track-select option:checked{background:#fff3}.landing-actions{z-index:2;gap:15px;margin-bottom:40px;display:flex}.landing-subtitle{letter-spacing:.35em;color:#ffffff80;text-transform:uppercase;z-index:2;text-shadow:0 0 10px #00f0ff33;margin-top:-20px;margin-bottom:25px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500}.arcanum-btn.secondary-btn{color:#ffffffd9;background:#ffffff08;border-color:#fff3}.arcanum-btn.secondary-btn:hover{color:#fff;text-shadow:0 0 8px #b8956a80;background:#b8956a1a;border-color:#b8956acc;box-shadow:0 0 20px #b8956a40}.landing-quote{z-index:2;letter-spacing:.45em;color:#ffffff61;text-shadow:0 0 10px #ff006e26,0 0 20px #00f0ff14;text-align:center;pointer-events:none;text-transform:uppercase;width:90%;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:300;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.modal-overlay{-webkit-backdrop-filter:blur(35px);z-index:3000;opacity:0;pointer-events:none;background:#030305a6;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:20px;transition:opacity .4s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-content{border-radius:20px;flex-direction:column;width:100%;max-width:850px;height:85vh;display:flex;position:relative;overflow:hidden;background:#0a0a0f80!important;border:1px solid #ffffff14!important;box-shadow:0 25px 60px #000c,inset 0 0 1px #ffffff1a!important}.modal-header{background:#05050866;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.modal-brand{letter-spacing:5px;color:#fff;text-shadow:0 0 12px #ffffff80;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;display:flex}.modal-logo{width:26px;height:26px;color:var(--cyber-pink);filter:drop-shadow(0 0 8px var(--cyber-pink))}.modal-close{color:#fff6;cursor:pointer;background:0 0;border:none;font-size:2.2rem;font-weight:200;line-height:1;transition:all .2s}.modal-close:hover{color:var(--cyber-pink);text-shadow:0 0 8px var(--cyber-pink);transform:scale(1.1)}.modal-scroll-area{flex-direction:column;flex:1;gap:40px;padding:30px 40px;display:flex;overflow-y:auto}.modal-scroll-area::-webkit-scrollbar{width:6px}.modal-scroll-area::-webkit-scrollbar-track{background:#0003}.modal-scroll-area::-webkit-scrollbar-thumb{background:#b8956a59;border:1px solid #b8956a1a;border-radius:3px}.modal-scroll-area::-webkit-scrollbar-thumb:hover{background:#b8956a99}.codex-section{width:100%}.codex-label{letter-spacing:.32em;color:#b8956acc;text-transform:uppercase;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:600;display:block}.codex-title{letter-spacing:2px;color:#fff;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.codex-divider{background:linear-gradient(90deg,#b8956a80,#ffffff0d,#0000);border:0;height:1px;margin:12px 0 20px}.codex-lead{color:#fffffff2;letter-spacing:-.2px;margin-bottom:16px;font-size:1.15rem;font-weight:500;line-height:1.7}.codex-body{color:#ffffffb8;margin-bottom:15px;font-size:.92rem;font-weight:400;line-height:1.8}.codex-body strong{color:#fff;font-weight:600}.modes-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:25px;display:grid}.mode-card{background:#14141959;border:1px solid #ffffff0d;border-radius:12px;transition:all .3s cubic-bezier(.165,.84,.44,1);overflow:hidden}.mode-card:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 10px 30px #0006}.mode-cvs{background:#060608;border-bottom:1px solid #ffffff0a;width:100%;height:130px;display:block}.mode-card-body{padding:18px}.mode-card-num{letter-spacing:.25em;color:#b8956ab3;text-transform:uppercase;margin-bottom:3px;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:600;display:block}.mode-card-name{letter-spacing:1px;color:#fff;margin-bottom:2px;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800}.mode-card-sefira{color:#b8956a99;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.75rem;font-weight:500}.mode-card-desc{color:#fff9;font-size:.8rem;line-height:1.6}.presets-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:25px;display:grid}.preset-card{border-radius:12px;flex-direction:column;padding:0;display:flex;overflow:hidden}.preset-header{letter-spacing:4px;color:#fff;border-bottom:1px solid #ffffff0d;padding:10px 18px;font-family:Outfit,sans-serif;font-size:.68rem;font-weight:800}.preset-header.air{color:#fff;text-shadow:0 0 8px #fff9;background:#ffffff0d}.preset-header.earth{color:#8a8;text-shadow:0 0 8px #8a8;background:#88aa881a}.preset-header.fire{color:#f80;text-shadow:0 0 8px #f80;background:#ff88001a}.preset-header.water{color:#889;text-shadow:0 0 8px #889;background:#8888991a}.preset-card-body{flex-direction:column;flex:1;gap:6px;padding:18px;display:flex}.preset-card-body h3{letter-spacing:1px;color:#fff;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800}.preset-card-body p{color:#fff9;font-size:.8rem;line-height:1.6}.tree-container{background:#05050866;border:1px solid #ffffff0a;border-radius:12px;justify-content:center;align-items:center;margin-top:20px;padding:30px;display:flex}.tree-svg{filter:drop-shadow(0 0 15px #b8956a26);will-change:transform}.sefira-node{transform-origin:50%;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),filter .3s}.sefira-node:hover{transform:scale(1.12)}.sefira-node circle{transform-origin:50%;transition:fill .3s,stroke-width .3s,stroke-opacity .3s,filter .3s;animation:7s ease-in-out infinite circleBreath}@keyframes circleBreath{0%,to{stroke-opacity:.65;filter:drop-shadow(0 0 2px var(--glow-color)) opacity(.85)}50%{stroke-opacity:1;filter:drop-shadow(0 0 8px var(--glow-color)) opacity(1)}}.sefira-node:hover circle{stroke-opacity:1;stroke-width:2.2px;animation:none;fill:#ffffff17!important;filter:drop-shadow(0 0 12px var(--glow-color)) drop-shadow(0 0 4px var(--glow-color))!important}.sefira-node.active-node{transform:scale(1.05)}.sefira-node.active-node circle{fill:#ffffff0f;stroke-opacity:1;stroke-width:2.2px;animation:3s ease-in-out infinite activeBreath}@keyframes activeBreath{0%,to{filter:drop-shadow(0 0 10px var(--glow-color)) drop-shadow(0 0 3px var(--glow-color));stroke-width:2px}50%{filter:drop-shadow(0 0 16px var(--glow-color)) drop-shadow(0 0 5px var(--glow-color));stroke-width:2.5px}}.sefira-node.active-node:hover circle{stroke-width:2.5px;animation:none;fill:#ffffff1f!important;filter:drop-shadow(0 0 18px var(--glow-color)) drop-shadow(0 0 6px var(--glow-color))!important}.sefira-node text{-webkit-user-select:none;user-select:none;transition:fill .3s,font-weight .3s,opacity .3s}.sefira-node:hover text{fill:#fff!important;opacity:1!important}.sefira-node:hover text[fill="rgba(255,255,255,0.6)"]{fill:#fffffff2!important;opacity:1!important}.energy-flow{stroke:var(--flow-color,#b8956a59);stroke-width:1.4px;stroke-linecap:round;stroke-dasharray:5 35;animation:6s linear infinite energyFlowAnimation}@keyframes energyFlowAnimation{0%{stroke-dashoffset:160px}to{stroke-dashoffset:0}}.specs-table{border-collapse:collapse;width:100%;margin-top:15px;font-size:.88rem}.specs-table tr{border-bottom:1px solid #ffffff0f}.specs-table tr:last-child{border-bottom:0}.specs-table td{color:#ffffffb3;vertical-align:middle;padding:12px 10px}.specs-table td:first-child{letter-spacing:.15em;text-transform:uppercase;color:#b8956acc;width:35%;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700}.modal-footer{text-align:center;letter-spacing:4px;color:#ffffff4d;background:#05050899;border-top:1px solid #ffffff0f;padding:15px 30px;font-family:Outfit,sans-serif;font-size:.68rem}@media (width<=768px){.modal-overlay{padding:15px}.modal-content{height:92vh}.modal-scroll-area{padding:20px 25px}.modes-grid,.presets-grid{grid-template-columns:1fr}#ui-container{width:calc(100% - 30px)!important;max-width:360px!important;top:60px!important;left:50%!important;transform:translate(-50%)!important}.control-panel{max-height:38vh!important;padding:12px 15px!important}.brand-logo{transform-origin:100% 0!important;top:15px!important;right:15px!important;transform:scale(.85)!important}.now-playing-pill{min-width:calc(100% - 30px)!important;max-width:360px!important;bottom:15px!important}.now-playing-pill.expanded{min-width:calc(100% - 30px)!important;max-width:360px!important;padding:12px 15px!important}.frequency-info-card{width:calc(100% - 30px)!important;max-width:360px!important;inset:auto auto 110px 50%!important;transform:translate(-50%,40px)!important}.frequency-info-card.show{transform:translate(-50%)!important}.arcanum-title{letter-spacing:.2em!important;margin-bottom:20px!important;font-size:2.5rem!important}.landing-sphere{width:80px!important;height:80px!important}.landing-logo-container{margin-bottom:15px!important}.landing-subtitle{letter-spacing:.22em!important;margin-top:-10px!important;margin-bottom:20px!important;font-size:.72rem!important}.landing-actions{gap:10px!important;margin-bottom:20px!important}.arcanum-btn{padding:10px 25px!important;font-size:.85rem!important}.landing-quote{letter-spacing:.2em!important;font-size:.6rem!important;line-height:1.3!important;bottom:20px!important}.tour-overlay .modal-content{z-index:5000!important;width:calc(100% - 30px)!important;max-width:450px!important;height:auto!important;max-height:42vh!important;margin:0 auto!important;position:fixed!important;bottom:15px!important;left:15px!important;right:15px!important;box-shadow:0 10px 45px #000000e6!important}.tour-overlay .modal-scroll-area{gap:10px!important;padding:15px 20px!important}.tour-overlay .codex-title{font-size:1.1rem!important}.tour-overlay .codex-body{margin-bottom:5px!important;font-size:.8rem!important;line-height:1.4!important}.tour-overlay .modal-header{padding:10px 18px!important}.tour-overlay .modal-brand{letter-spacing:2px!important;font-size:.95rem!important}.tour-overlay .modal-footer{padding:8px 15px!important;font-size:.55rem!important}.tour-overlay ul{margin-bottom:5px!important;font-size:.78rem!important;line-height:1.4!important}}.modal-overlay.tour-overlay{-webkit-backdrop-filter:none!important;background:#03030573!important}.tour-glowing{position:relative;box-shadow:0 0 25px var(--cyber-blue), inset 0 0 15px var(--cyber-blue)!important;border-color:var(--cyber-blue)!important;z-index:4500!important;transition:all .5s!important;animation:1.5s ease-in-out infinite alternate tourPulse!important}@keyframes tourPulse{0%{box-shadow:0 0 12px var(--cyber-blue), inset 0 0 8px var(--cyber-blue)}to{box-shadow:0 0 32px var(--cyber-blue), inset 0 0 18px var(--cyber-blue)}}.tour-tooltip{z-index:6000;border:1px solid var(--cyber-blue);color:#fff;letter-spacing:1.5px;text-transform:uppercase;pointer-events:none;opacity:0;background:#0a0a0ff2;border-radius:8px;padding:10px 14px;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;transition:opacity .5s,transform .5s;position:absolute;transform:translateY(10px);box-shadow:0 10px 30px #00f0ff59}.tour-tooltip.show{opacity:1;transform:translateY(0)}.tour-tooltip-arrow{border-style:solid;width:0;height:0;position:absolute}.tour-tooltip.arrow-left .tour-tooltip-arrow{border-width:6px 6px 6px 0;border-color:transparent var(--cyber-blue) transparent transparent;top:50%;left:-6px;transform:translateY(-50%)}.tour-tooltip.arrow-right .tour-tooltip-arrow{border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--cyber-blue);top:50%;right:-6px;transform:translateY(-50%)}.tour-tooltip.arrow-top .tour-tooltip-arrow{border-width:0 6px 6px;border-color:transparent transparent var(--cyber-blue) transparent;top:-6px;left:50%;transform:translate(-50%)}.tour-tooltip.arrow-bottom .tour-tooltip-arrow{border-width:6px 6px 0;border-color:var(--cyber-blue) transparent transparent transparent;bottom:-6px;left:50%;transform:translate(-50%)}body.keyboard-hide-ui #ui-container,body.keyboard-hide-ui #now-playing,body.keyboard-hide-ui #brand-logo{transform:translateY(20px);opacity:0!important;pointer-events:none!important;transition:opacity .5s,transform .5s!important}.glass-track-list{background:#14141999;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex-direction:column;gap:4px;max-height:180px;padding:6px;transition:border-color .2s,box-shadow .2s;display:flex;overflow-y:auto}.glass-track-list:focus-visible{border-color:#00f0ff80;box-shadow:0 0 12px #00f0ff33}.glass-track-list::-webkit-scrollbar{width:5px}.glass-track-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.glass-track-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.track-item{color:#ffffffd9;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;align-items:center;min-height:40px;padding:10px 14px;font-size:.88rem;font-weight:500;transition:all .2s cubic-bezier(.165,.84,.44,1);display:flex}.track-item:hover{color:#fff;background:#ffffff17;border-color:#ffffff2e;transform:translate(2px)}.track-item.active{color:#fff;background:#fff3;border-color:#ffffff61;font-weight:600;box-shadow:inset 0 0 10px #ffffff14,0 0 15px #ffffff26}.track-item:focus-visible{outline:2px solid var(--cyber-blue);outline-offset:-1px}.frequency-info-card{z-index:100;opacity:0;pointer-events:none;flex-direction:column;gap:6px;width:320px;padding:20px;transition:all .5s cubic-bezier(.19,1,.22,1);display:flex;position:absolute;top:120px;right:30px;transform:translate(40px);border:1px solid #ffffff26!important;box-shadow:0 10px 40px #0009,0 0 20px #00f0ff14!important}.frequency-info-card.show{opacity:1;pointer-events:auto;transform:translate(0)}.fi-header{justify-content:space-between;align-items:baseline;display:flex}.fi-hz{letter-spacing:1px;color:var(--cyber-pink);text-shadow:0 0 10px #ff006e4d;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800}.fi-name{letter-spacing:2px;color:#ffffffb3;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600}.fi-sefira{text-transform:uppercase;letter-spacing:1px;color:#ffffff73;font-size:.75rem;font-weight:600}.fi-desc{color:#fffc;font-size:.8rem;line-height:1.5}.top-left-nav{z-index:1000;gap:10px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:20px;left:20px}.info-icon-btn{-webkit-backdrop-filter:blur(16px);color:#ffffffb3;cursor:pointer;background:#14141966;border:1px solid #ffffff1a;border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:500;transition:all .3s;display:flex;position:relative;top:auto;left:auto;box-shadow:0 4px 15px #0000004d}.info-icon-btn:hover{color:#fff;background:#ffffff26;border-color:#00f0ff66;transform:scale(1.05);box-shadow:0 0 15px #00f0ff4d}.info-icon-btn:focus-visible{outline:2px solid var(--cyber-blue);outline-offset:2px}body.mode-1 .top-left-nav{opacity:0;pointer-events:none;transform:translate(-20px)}body.mode-2 .top-left-nav,body.keyboard-hide-ui .top-left-nav{opacity:0;pointer-events:none;transform:translateY(20px)}.glass-btn.recording{color:#ff006e!important;border-color:#ff006e99!important;animation:1.5s ease-in-out infinite alternate recPulse!important;box-shadow:0 0 15px #ff006e4d!important}@keyframes recPulse{0%{opacity:.8}to{opacity:1;box-shadow:0 0 25px #ff006e80!important}}.visual-mode-btn.active{background:#ffffff4d}.landing-shortcuts-hint{z-index:2;color:#ffffff73;letter-spacing:1px;opacity:.8;gap:15px;margin-top:15px;font-size:.8rem;display:flex}.landing-shortcuts-hint span{transition:color .3s}.landing-shortcuts-hint span:hover{color:#ffffffe6}.landing-f-shortcut{color:var(--cyber-pink);text-shadow:0 0 15px #ff006e99,0 0 30px #ff006e4d;z-index:2;cursor:pointer;opacity:.6;font-size:1.5rem;font-weight:700;transition:all .3s;animation:3s infinite alternate chicPulse;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.landing-f-shortcut:hover{opacity:1;text-shadow:0 0 25px #ff006ee6,0 0 45px #ff006e80;transform:translate(-50%)scale(1.1)}