:root{--bg-base: #06090f;--bg-surface: #101722;--bg-card: #151f2e;--border-color: #2b3e55;--text-main: #d1dcf0;--text-muted: #738ca6;--accent: #3b82f6;--accent-hover: #2563eb;--bc-cyan: #38bdf8;--bc-border: #2b3e55;--bc-text-dim: #547291;--sc-panel-grad: linear-gradient(135deg, #182636 0%, #111a26 40%, #090e14 100%);--sc-inset-shadow: inset 4px 4px 12px rgba(0, 0, 0, .9), inset -2px -2px 6px rgba(43, 62, 85, .3)}body{background-color:var(--bg-base);color:var(--text-main);font-family:Rajdhani,sans-serif;margin:0;padding:0;overflow:hidden;scrollbar-width:none}::-webkit-scrollbar{display:none;width:0;height:0}.app-splash{position:fixed;inset:0;background:radial-gradient(circle at center,#132235,#080d14 60%,#030508);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease;opacity:0;animation:emergentSplash 2.2s cubic-bezier(.16,1,.3,1) forwards}.app-plate{background:var(--sc-panel-grad);border:1px solid var(--border-color);border-radius:4px;padding:36px 56px;text-align:center;box-shadow:0 12px 30px #000c,inset 0 0 15px #38bdf80d;position:relative;animation:plateGlow 2.2s ease-out forwards}.login-box{width:100%;max-width:380px;box-sizing:border-box;text-align:left;padding:32px 48px}.app-logo{max-width:180px;height:auto;margin-bottom:16px;display:block;margin-left:auto;margin-right:auto;filter:drop-shadow(0 0 8px rgba(56,189,248,.2))}.app-title{font-family:Orbitron,sans-serif;font-weight:700;color:var(--bc-cyan);font-size:18px;letter-spacing:3px;margin:0 0 6px;text-transform:uppercase;text-shadow:0 0 8px rgba(56,189,248,.3)}.app-subtext{color:var(--text-muted);font-size:10px;letter-spacing:2px;margin:0;font-family:Orbitron,sans-serif;text-transform:uppercase}.app-muted{color:var(--text-muted);font-size:14px;margin:0}.app-container{display:none;position:fixed;inset:0;flex-direction:column;background:var(--bg-base);overflow:hidden}.app-topbar{background:var(--sc-panel-grad);border-bottom:2px solid var(--border-color);display:flex;align-items:center;padding:10px 20px;gap:12px;height:56px;width:100%;box-sizing:border-box;z-index:50;box-shadow:0 4px 10px #00000080}.app-brand{font-family:Orbitron,sans-serif;letter-spacing:2px;color:var(--bc-cyan);font-weight:700;font-size:13px;text-shadow:0 0 6px rgba(56,189,248,.4)}.app-btn{background:linear-gradient(to bottom,#1c2a38,#101722);border:1px solid var(--border-color);border-radius:2px;color:var(--text-main);font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;height:36px;padding:0 14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:inset 0 1px #ffffff1a}.app-btn:hover{background:linear-gradient(to bottom,#243649,#151f2e);border-color:var(--bc-cyan);color:var(--bc-cyan);box-shadow:0 0 8px #38bdf833,inset 0 1px #fff3}.app-btn-primary{background:linear-gradient(135deg,#1e293b,#0f172a);color:var(--bc-cyan, #38bdf8);border:1px solid #334155;border-bottom:3px solid #020617;border-top:1px solid #475569;font-family:Orbitron,Rajdhani,sans-serif;font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:14px 20px;height:40px;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 6px 12px #00000080,inset 0 1px #ffffff1a;transition:all .08s ease-in-out;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.app-btn-primary:hover{border-color:var(--bc-cyan, #38bdf8);box-shadow:0 6px 15px #38bdf833,inset 0 1px #fff3}}.app-btn-primary:active,.app-btn-primary.is-pressed{background:linear-gradient(135deg,#090d16,#0f172a)!important;border-bottom:1px solid #1e293b!important;border-top:3px solid #020617!important;transform:translateY(3px);box-shadow:0 2px 4px #000c,inset 0 2px 5px #000000e6;color:#fff!important;text-shadow:0 0 8px var(--bc-cyan, #38bdf8)}.app-pill{background:#0b1118;border:1px solid var(--border-color);border-radius:2px;height:36px;display:flex;align-items:center;padding:0 14px;font-family:Orbitron,sans-serif;color:var(--bc-cyan);font-size:12px;box-shadow:inset 0 2px 4px #000c}.app-topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.app-input-group{margin-bottom:12px}.app-input{width:100%;height:40px;background:#05080d;border-radius:2px;border:1px solid var(--border-color);padding:0 12px;color:var(--bc-cyan);font-size:14px;font-family:Rajdhani,sans-serif;box-sizing:border-box;outline:none;box-shadow:var(--sc-inset-shadow);transition:border-color .2s,box-shadow .2s}.app-input:focus{border-color:var(--bc-cyan);box-shadow:var(--sc-inset-shadow),0 0 8px #38bdf84d}.app-input::placeholder{color:var(--bc-text-dim)}.app-main{display:flex;flex-direction:column;flex:1;padding:20px;box-sizing:border-box;width:100%;overflow:hidden;align-items:center}.app-content-frame{background:var(--bg-card);border:1px solid var(--border-color);border-top:none;border-radius:0 0 4px 4px;padding:24px;flex:1;display:flex;flex-direction:column;overflow-y:auto;box-sizing:border-box;box-shadow:inset 0 0 20px #00000080,0 4px 20px #0000004d;width:100%;max-width:1280px;margin:0 auto}.app-section-title{font-family:Orbitron,sans-serif;color:var(--bc-cyan);font-size:18px;margin-bottom:6px;font-weight:600;text-shadow:0 0 6px rgba(56,189,248,.3)}.app-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-card);border:1px solid var(--bc-cyan);border-radius:3px;padding:12px;flex-direction:column;gap:8px;z-index:1000;box-shadow:0 10px 25px #000c,0 0 10px #38bdf833;min-width:180px}.user-menu.open .app-dropdown{display:flex}.app-dropdown-user{padding:8px 10px;font-weight:600;color:var(--bc-cyan);font-size:13px;text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:4px;font-family:Orbitron,sans-serif}.app-footer{background:var(--sc-panel-grad);border-top:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;padding:0 20px;box-sizing:border-box;height:40px;width:100%;z-index:100}.app-led{width:6px;height:6px;border-radius:50%;background:var(--text-muted);display:inline-block;border:1px solid var(--border-color)}.app-led.active{background:#38bdf8;box-shadow:0 0 8px #38bdf8;border-color:#fff}.v-plate{width:380px;background:var(--sc-panel-grad);border:1px solid var(--bc-border);border-radius:4px;position:relative;padding:30px 24px 24px;box-shadow:0 10px 30px #000000e6,inset 0 0 20px #38bdf80d;font-family:Rajdhani,sans-serif}.lang-control-box{position:absolute;top:12px;right:20px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.led-box{display:flex;gap:14px;font-size:8px;color:var(--bc-text-dim);font-family:Orbitron,sans-serif;margin-bottom:-2px}.led{width:5px;height:5px;border-radius:50%;background:#070a0f;margin:2px auto 0;transition:.3s;border:1px solid var(--bc-border)}.active-led{background:var(--bc-cyan);box-shadow:0 0 8px var(--bc-cyan);border-color:#fff}.slider-container{width:40px;height:14px;background:#030508;border-radius:2px;border:1px solid var(--bc-border);box-shadow:inset 0 1px 3px #000;display:flex;align-items:center;padding:1px}.slider-knob{width:14px;height:12px;background:linear-gradient(145deg,#3b5a7a,#152535);border-radius:1px;box-shadow:0 1px 2px #00000080;border:1px solid var(--border-color);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.lang-control-box.active .slider-knob{transform:translate(22px);border-color:var(--bc-cyan)}.label-wrapper{margin-bottom:20px;padding-left:2px;border-left:3px solid var(--bc-cyan)}.engraved-label{color:var(--bc-cyan);font-size:1.1rem;font-weight:700;font-family:Orbitron,sans-serif;letter-spacing:2px;text-shadow:0px 0px 8px rgba(56,189,248,.4)}.login-row{display:flex;gap:10px;align-items:center}#hiddenInput{position:absolute;left:-9999px}.email-window{width:100%;height:40px;background:#05080d;border-radius:2px;margin-bottom:12px;padding:0 15px;border:1px solid var(--bc-border);box-shadow:var(--sc-inset-shadow);box-sizing:border-box}.email-window input{background:transparent!important;color:var(--bc-cyan)!important;border:none!important;outline:none!important;width:100%!important;height:100%!important;font-family:Rajdhani,sans-serif!important;font-size:14px!important;box-shadow:none!important}.email-window input::placeholder{color:var(--bc-text-dim)!important;opacity:1!important}#display{color:var(--bc-cyan);font-size:18px;letter-spacing:5px;display:flex;align-items:center;text-shadow:0 0 6px rgba(56,189,248,.4)}#placeholder{color:var(--bc-text-dim);font-size:13px;position:absolute;left:15px;pointer-events:none;transition:opacity .2s;font-family:Orbitron,sans-serif;letter-spacing:1px}.cursor{width:6px;height:16px;background:var(--bc-cyan);animation:blink 1s infinite;margin-left:2px;box-shadow:0 0 6px var(--bc-cyan)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.denied-text{color:#f33;font-size:13px;letter-spacing:2px;display:none;font-weight:700;font-family:Orbitron,sans-serif;text-shadow:0 0 6px rgba(255,51,51,.6)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #05080d inset!important;-webkit-text-fill-color:var(--bc-cyan)!important;caret-color:var(--bc-cyan)!important;transition:background-color 5000s ease-in-out 0s}@keyframes emergentSplash{0%{opacity:0;transform:scale(.05);filter:brightness(1.2)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes plateGlow{0%{box-shadow:0 0 40px #38bdf866,inset 0 0 20px #38bdf833;border-color:var(--border-color)}50%{box-shadow:0 0 60px #38bdf899,inset 0 0 30px #38bdf84d;border-color:var(--bc-cyan)}to{box-shadow:0 12px 30px #000c,inset 0 0 15px #38bdf80d;border-color:var(--border-color)}}.bar-graph-container{font-family:Orbitron,sans-serif;text-transform:uppercase}.bar-label{color:var(--bc-text-dim, #888);font-size:10px;letter-spacing:2px;margin-bottom:6px;text-align:left}.bar-track{width:100%;height:8px;background:#05080d;border:1px solid var(--bc-border, #1e293b);box-shadow:inset 0 1px 3px #000c;position:relative;overflow:hidden;border-radius:2px}.bar-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,var(--bc-cyan, #38bdf8) 0%,#6ee7b7 100%);box-shadow:0 0 10px var(--bc-cyan, #38bdf8);animation:fillBar 2.2s ease-out .5s forwards}.bar-percent{color:var(--bc-cyan, #38bdf8);font-size:9px;letter-spacing:1px;margin-top:6px;text-align:right;animation:changeText 2.2s step-end .5s forwards}@keyframes fillBar{0%{width:0%}to{width:100%}}@keyframes changeText{0%,80%{content:"INITIALIZING..."}85%,95%{content:"VERIFYING..."}to{content:"ONLINE"}}.sc-btn{background:linear-gradient(to bottom,#1c2a38,#101722);border:1px solid var(--border-color, #2b3e55);border-radius:2px;color:var(--text-main, #d1dcf0);font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;height:36px;padding:0 14px;cursor:pointer;display:flex;align-items:center;gap:8px;text-transform:uppercase;transition:all .2s ease;box-shadow:inset 0 1px #ffffff1a}.sc-btn:hover{background:linear-gradient(to bottom,#243649,#151f2e);border-color:var(--bc-cyan, #38bdf8);color:var(--bc-cyan, #38bdf8);box-shadow:0 0 8px #38bdf833,inset 0 1px #fff3}.sc-btn.active{background:#38bdf826;border-color:var(--bc-cyan, #38bdf8);color:var(--bc-cyan, #38bdf8);box-shadow:inset 0 0 8px #38bdf84d,0 0 12px #38bdf866;text-shadow:0 0 6px rgba(56,189,248,.4)}.app-tabs-row{display:flex;flex-wrap:wrap;gap:4px;width:100%;max-width:1280px;margin:0 auto;box-sizing:border-box;border-bottom:2px solid var(--border-color);user-select:none}.playlist-header-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:1280px;margin:0 auto;box-sizing:border-box}.app-tab-btn{background:#0f1621;border:1px solid var(--border-color);border-bottom:none;color:var(--text-muted);font-weight:600;cursor:pointer;border-radius:3px 3px 0 0;font-family:Orbitron,sans-serif;font-size:10px;padding:10px 12px;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease;flex:1 1 auto;min-width:70px;text-align:center;white-space:nowrap;box-sizing:border-box}.app-tab-btn.active{background:var(--bg-card);border-color:var(--bc-cyan);border-bottom:2px solid var(--bg-card);color:var(--bc-cyan);text-shadow:0 0 6px rgba(56,189,248,.3)}@media(max-width:480px){.app-tabs-row{max-width:100%}.app-tab-btn{padding:8px;font-size:9px;min-width:60px;letter-spacing:0px}}body.is-fullscreen{margin:0!important;padding:0!important;height:100vh!important;height:100dvh!important;width:100vw!important;overflow-y:auto!important}body.is-fullscreen .app-container{top:0!important;bottom:0!important;height:100vh!important;height:100dvh!important}body.is-fullscreen .app-main{padding-top:0!important;margin-top:0!important}body.is-fullscreen .app-content-frame{margin-top:0!important;padding-top:16px!important;border-top:1px solid var(--border-color)!important;height:100%!important;max-height:none!important}