.arcade-modal-banner{display:none;position:fixed!important;top:16px!important;left:50%!important;transform:translate(-50%)!important;z-index:2147483647!important;pointer-events:none}body.arcade-mode-active .arcade-modal-banner,.diner-jukebox-frame.arcade-mode-fullscreen .arcade-modal-banner{display:flex!important;align-items:center;justify-content:center}.arcade-exit-btn{pointer-events:auto;background:linear-gradient(135deg,#f5b830,#f0a500);border:2px solid #ffffff;color:#0f1219!important;padding:.6rem 1.45rem;border-radius:999px;font-size:.9rem;font-weight:900;letter-spacing:.03em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 28px #000000bf,0 0 20px #f5b8308c;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.arcade-exit-btn span{color:#0f1219!important}.arcade-exit-btn:hover{transform:scale(1.05);background:linear-gradient(135deg,#ffd166,#f5b830);box-shadow:0 10px 32px #000000d9,0 0 28px #f5b830cc}.arcade-mode-btn{background:linear-gradient(135deg,#d97706,#b45309);border:1px solid #fbbf24;color:#fff;padding:.4rem .85rem;border-radius:8px;font-size:.75rem;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;box-shadow:0 2px 8px #f59e0b59;transition:all .2s ease}.arcade-mode-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b80}body.arcade-mode-active{overflow:hidden!important}body.arcade-mode-active #site-header{display:none!important}body.arcade-mode-active .player-hero,body.arcade-mode-active .player-container,body.arcade-mode-active .hero-col-center,body.arcade-mode-active #cumbia-jukebox-section{z-index:9999999!important;overflow:visible!important}.diner-jukebox-frame.arcade-mode-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;z-index:9999999!important;margin:0!important;border-radius:0!important;overflow-y:auto!important;background:radial-gradient(circle at 50% 10%,#1e1b4b,#030712)!important;padding-top:3.75rem!important;padding-bottom:2rem!important;border:none!important;box-shadow:0 0 100px #f59e0b80!important;animation:arcadeZoomIn .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes arcadeZoomIn{0%{opacity:0}to{opacity:1}}:root{--diner-chrome-light: #f8fafc;--diner-chrome-mid: #cbd5e1;--diner-chrome-dark: #64748b;--diner-chrome-bevel: linear-gradient(135deg, #ffffff 0%, #e2e8f0 35%, #94a3b8 70%, #475569 100%);--diner-red: #dc2626;--diner-red-glow: rgba(220, 38, 38, .45);--diner-yellow: #f59e0b;--diner-cream: #fef3c7;--diner-strip-bg: #fffbeb;--diner-dark-panel: #0f172a;--diner-neon-blue: #06b6d4;--diner-neon-amber: #f59e0b}.jukebox-section{padding:3rem 1rem 4rem;background:radial-gradient(circle at 50% 20%,#1e293b,#090d16);position:relative;overflow:hidden}.jukebox-outer-wrapper{max-width:1360px;margin:0 auto;position:relative;z-index:10}.diner-jukebox-frame{background:#090e17;border-radius:28px;border:3px solid #64748b;box-shadow:0 0 0 4px #1e293b,0 0 25px #f59e0b59,0 25px 60px -15px #000000d9;position:relative;overflow:hidden;padding-bottom:.5rem}.jukebox-top-arch{background:linear-gradient(180deg,#1e293b,#0f172a);border-bottom:2px solid #334155;padding:1.25rem 3.25rem 1.25rem 1.75rem;position:relative;display:flex;align-items:center;justify-content:space-between}.neon-tube-glow{position:absolute;top:0;left:4%;right:4%;height:4px;background:linear-gradient(90deg,#f59e0b,#ec4899,#3b82f6,#10b981,#f59e0b);border-radius:999px;box-shadow:0 0 15px #f59e0bcc,0 0 30px #ec489999}.arch-marquee{flex:1;min-width:0}.jukebox-hero-title{font-size:1.55rem;font-weight:900;color:#f8fafc;letter-spacing:-.02em;margin:0 0 .25rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.jukebox-hero-subtitle{font-size:.9rem;color:#cbd5e1;margin:0;line-height:1.45}.coin-corner-btn{position:absolute!important;top:8px!important;right:12px!important;width:28px!important;height:28px!important;padding:0!important;border-radius:50%!important;background:transparent!important;border:none!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;box-shadow:0 2px 8px #0009,0 0 10px #f59e0b73;transition:transform .2s cubic-bezier(.16,1,.3,1),filter .2s ease,box-shadow .2s ease}.coin-corner-btn:hover{transform:scale(1.12);filter:brightness(1.12);box-shadow:0 4px 12px #000000bf,0 0 16px #fbbf24bf}.coin-corner-btn.coin-inserted{animation:coinShake .4s ease-in-out;box-shadow:0 0 18px #10b981d9}.coin-corner-btn .coin-slit{background:transparent;padding:0;border:none;box-shadow:none;display:inline-flex;align-items:center;justify-content:center}.coin-badge-emblem{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;filter:drop-shadow(0 1px 4px rgba(245,158,11,.5))}.coin-bling-floater{position:absolute;top:-26px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f59e0b,#fef08a);color:#451a03;font-size:.72rem;font-weight:900;padding:.25rem .65rem;border-radius:999px;box-shadow:0 0 16px #fbbf24d9;pointer-events:none;z-index:100;white-space:nowrap;animation:blingFloatUp 1.1s cubic-bezier(.16,1,.3,1) forwards}@keyframes blingFloatUp{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}20%{opacity:1;transform:translate(-50%,-8px) scale(1.15)}70%{opacity:1;transform:translate(-50%,-24px) scale(1)}to{opacity:0;transform:translate(-50%,-40px) scale(.85)}}@keyframes coinShake{0%,to{transform:translateY(0)}25%{transform:translateY(-4px) scale(1.05)}75%{transform:translateY(2px) scale(.98)}}.jukebox-control-bar{background:#090e17;border-bottom:2px solid #1e293b;padding:.65rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.page-selector-tabs{display:flex;align-items:center;gap:.4rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:2px 0}.page-selector-tabs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.panel-tab{background:linear-gradient(180deg,#1e293bd9,#0f172af2);border:1px solid rgba(255,255,255,.12);color:#cbd5e1;padding:.42rem .75rem;border-radius:8px;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff0d}.panel-tab .tab-num{background:#0f172a;color:#f59e0b;font-size:.68rem;font-weight:900;padding:.1rem .38rem;border-radius:5px;border:1px solid #475569}.panel-tab:hover{background:#334155;color:#f8fafc;border-color:#64748b}.panel-tab.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;border-color:#fde68a;box-shadow:0 0 14px #f59e0b66,inset 0 1px #fff}.panel-tab.active .tab-num{background:#fff;color:#d97706;border-color:#fff}.jukebox-quick-toggles{display:flex;align-items:center;gap:.75rem}.view-mode-btn,.mech-sound-btn{background:#1e293b;border:1px solid #475569;color:#cbd5e1;padding:.5rem .85rem;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s ease}.view-mode-btn:hover,.mech-sound-btn:hover{background:#334155;border-color:#cbd5e1}.mech-sound-btn.active{border-color:#10b981;color:#10b981}.jukebox-center-deck{display:flex;flex-direction:column;gap:1.15rem;padding:1.15rem;background:#080d1a;border-bottom:2px solid #1e293b;width:100%;box-sizing:border-box}.cumbia-jukebox-container.arcade-fullscreen .jukebox-center-deck{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem}@media (max-width: 1200px){.cumbia-jukebox-container.arcade-fullscreen .jukebox-center-deck{display:flex;flex-direction:column}}.jukebox-screen-housing{background:#020617;border:2px solid #334155;border-radius:16px;overflow:hidden;width:100%;box-sizing:border-box;box-shadow:inset 0 2px 8px #000000e6,0 8px 26px #000000a6,0 0 0 1px #10b98133;position:relative}.screen-header{background:linear-gradient(90deg,#0f172a,#1e293b);padding:.55rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid #334155;font-size:.78rem;font-weight:800}.screen-status-wrap{display:flex;align-items:center;gap:.55rem;min-width:0}.rec-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981;animation:pulseDot 1.5s infinite;flex-shrink:0}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.screen-title{color:#e2e8f0;letter-spacing:.05em;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-hifi-tag{background:#10b98126;color:#34d399;border:1px solid rgba(52,211,153,.35);padding:.1rem .45rem;border-radius:4px;font-size:.66rem;font-weight:900;letter-spacing:.08em;flex-shrink:0}.screen-code-wrap{flex-shrink:0;margin-left:auto}.screen-code{background:#000;color:#fbbf24;border:1px solid #f59e0b;padding:.15rem .6rem;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem;font-weight:900;letter-spacing:.08em;box-shadow:0 0 10px #f59e0b59;white-space:nowrap}.video-embed-stage{position:relative;width:100%;padding-top:56.25%;background:#000}.jukebox-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.screen-now-playing{background:#0a0f1d;padding:.65rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #1e293b;border-bottom:1px solid #1e293b;overflow:hidden}.marquee-meta{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:#f8fafc;flex-wrap:wrap;min-width:0}.np-flag-btn{background:none;border:none;padding:0;margin:0;font-size:1.15rem;line-height:1;cursor:pointer;flex-shrink:0;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;align-items:center}.np-flag-btn:hover{transform:scale(1.25);filter:drop-shadow(0 0 6px rgba(245,158,11,.8))}.np-title-btn{background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:.88rem;font-weight:900;color:#fff;letter-spacing:.02em;cursor:pointer;transition:all .18s ease;text-align:left;display:inline-flex;align-items:center}.np-title-btn:hover{color:#fbbf24;text-shadow:0 0 10px rgba(245,158,11,.7);text-decoration:underline;text-underline-offset:3px}.np-sep{color:#64748b;user-select:none;font-size:.8rem;cursor:pointer;transition:color .18s ease}.np-sep:hover{color:#fbbf24}.np-artist-btn{background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:.88rem;color:#cbd5e1;font-weight:600;cursor:pointer;transition:all .18s ease;text-align:left;display:inline-flex;align-items:center}.np-artist-btn:hover{color:#fde68a;text-shadow:0 0 8px rgba(253,230,138,.6);text-decoration:underline;text-underline-offset:3px}.np-genre-container{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap;flex-shrink:0}.np-genre-pill{background:#f59e0b24;border:1px solid rgba(245,158,11,.45);color:#fbbf24;padding:.15rem .5rem;border-radius:6px;font-size:.7rem;font-weight:800;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;gap:.25rem;line-height:1.2;white-space:nowrap;font-family:inherit;box-shadow:0 1px 3px #0000004d}.np-genre-pill:hover{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#fde68a;color:#0f172a;box-shadow:0 0 10px #f59e0bb3;transform:translateY(-1px)}.screen-eq{display:flex;align-items:flex-end;gap:3px;height:16px;flex-shrink:0}.screen-eq span{width:3px;height:4px;background:#10b981;border-radius:1px;transition:height .15s ease}.screen-eq.playing span:nth-child(1){animation:eqBar .8s infinite alternate .1s}.screen-eq.playing span:nth-child(2){animation:eqBar .6s infinite alternate .3s}.screen-eq.playing span:nth-child(3){animation:eqBar .9s infinite alternate .2s}.screen-eq.playing span:nth-child(4){animation:eqBar .7s infinite alternate .4s}.screen-eq.playing span:nth-child(5){animation:eqBar .5s infinite alternate .1s}.screen-eq.playing span:nth-child(6){animation:eqBar .8s infinite alternate .5s}@keyframes eqBar{0%{height:4px}to{height:16px}}.screen-controls{background:#0b1120;padding:.75rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.transport-cluster{display:inline-flex;align-items:center;gap:.65rem}.transport-btn{background:#1e293b;border:1px solid #475569;color:#f1f5f9;width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 4px #0006,inset 0 1px #ffffff26}.transport-btn:hover{background:#334155;border-color:#94a3b8;color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #00000080}.transport-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0009}.transport-btn.icon-only{width:34px;height:34px;border-radius:8px;background:#0f172a;border-color:#334155;color:#94a3b8}.transport-btn.icon-only:hover{color:#f59e0b;border-color:#f59e0b}.transport-btn.icon-only.active{background:#f59e0b33;border-color:#f59e0b;color:#fbbf24;box-shadow:0 0 10px #f59e0b66}.transport-btn.btn-lightning{background:linear-gradient(135deg,#eab30833,#ca8a0459);border:1px solid rgba(250,204,21,.6);color:#fef08a;box-shadow:0 0 10px #eab30859}.transport-btn.btn-lightning:hover{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#fef08a;color:#0f172a;box-shadow:0 0 16px #facc15cc;transform:scale(1.08)}.lightning-icon{font-size:1.05rem;line-height:1;display:inline-block;filter:drop-shadow(0 0 4px rgba(250,204,21,.8));animation:electricTwinkle 2.5s infinite ease-in-out}@keyframes electricTwinkle{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.12);filter:drop-shadow(0 0 8px rgba(253,224,71,1))}}.lightning-pulse{animation:lightningHit .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes lightningHit{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.22);filter:brightness(2) drop-shadow(0 0 18px #fde047)}70%{transform:scale(.95);filter:brightness(1.3)}to{transform:scale(1);filter:brightness(1)}}.transport-btn.play-main{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #34d399;color:#fff;width:48px;height:48px;border-radius:50%;box-shadow:0 4px 14px #10b98180,inset 0 1px #fff6}.transport-btn.play-main:hover{background:linear-gradient(135deg,#34d399,#10b981);transform:scale(1.08);box-shadow:0 6px 20px #10b981b3}.transport-btn.play-main:active{transform:scale(.96)}.screen-volume{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto;background:#0f172a99;border:1px solid #334155;padding:.3rem .65rem;border-radius:8px}.vol-icon{font-size:.85rem}#jukebox-vol-slider{width:80px;accent-color:#f59e0b;cursor:pointer}.jukebox-keypad-housing{background:linear-gradient(180deg,#131c2e,#0a0f1d);border:2px solid #334155;border-radius:16px;padding:.95rem 1.15rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:inset 0 2px 6px #000c,0 8px 24px #00000080,0 0 0 1px #f59e0b26;width:100%;box-sizing:border-box}.wallbox-header-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;border-bottom:1px solid rgba(51,65,85,.7);padding-bottom:.65rem}.wallbox-brand-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:900;color:#cbd5e1;letter-spacing:.08em;text-transform:uppercase}.nixie-readout{background:#000;border:1.5px solid #10b981;border-radius:8px;padding:.35rem .85rem;display:inline-flex;align-items:center;gap:.65rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;box-shadow:0 0 12px #10b98140,inset 0 1px 3px #000c}.nixie-prompt{font-size:.68rem;color:#64748b;font-weight:800;letter-spacing:.05em}.nixie-digits{font-size:1.25rem;font-weight:900;color:#10b981;text-shadow:0 0 8px rgba(16,185,129,.9);letter-spacing:.12em;min-width:55px;text-align:center}.nixie-status{font-size:.7rem;font-weight:800;color:#34d399;letter-spacing:.05em;text-transform:uppercase}.keypad-matrix-container{display:flex;flex-direction:column;gap:.45rem;width:100%}.keypad-row{display:grid;grid-template-columns:repeat(10,1fr);gap:.35rem;width:100%}.keypad-btn{height:36px;width:100%;border-radius:6px;font-size:.86rem;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:none;animation:none!important;user-select:none;padding:0;box-sizing:border-box}.key-letter{background:linear-gradient(180deg,#fef08a,#eab308 60%,#ca8a04);color:#451a03;border:1px solid #ca8a04;box-shadow:0 3px #854d0e,0 4px 6px #00000080,inset 0 1px #fff}.key-letter:hover{filter:brightness(1.08)}.key-letter:active,.key-letter.active{box-shadow:0 0 0 2px #fde047,inset 0 2px 4px #00000059;filter:brightness(1.18)}.key-number{background:linear-gradient(180deg,#f87171,#dc2626 60%,#991b1b);color:#fff;border:1px solid #991b1b;box-shadow:0 3px #7f1d1d,0 4px 6px #00000080,inset 0 1px #fff9}.key-number:hover{filter:brightness(1.08)}.key-number:active,.key-number.active{box-shadow:0 0 0 2px #fca5a5,inset 0 2px 4px #00000073;filter:brightness(1.18)}.keypad-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.2rem;width:100%}.kp-action-btn{padding:.5rem .45rem;border-radius:8px;font-size:.76rem;font-weight:900;cursor:pointer;border:none;transition:background .15s ease,box-shadow .15s ease;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:.3rem;white-space:nowrap}.kp-lightning-btn{background:linear-gradient(135deg,#b45309,#78350f);border:1px solid #fbbf24;color:#fef08a;box-shadow:0 2px 6px #b4530966}.kp-lightning-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#fef08a;color:#0f172a;box-shadow:0 0 14px #f59e0bb3}#kp-btn-clear{background:#1e293b;border:1px solid #475569;color:#cbd5e1;box-shadow:0 2px 5px #0006}#kp-btn-clear:hover{background:#334155;color:#fff;border-color:#94a3b8}.enter-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #34d399;box-shadow:0 3px 10px #10b98166,inset 0 1px #ffffff4d}.enter-btn:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 16px #10b981b3;transform:translateY(-1px)}.add-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;border:1px solid #fde68a;box-shadow:0 3px 10px #f59e0b66,inset 0 1px #fff6}.add-btn:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 16px #f59e0bb3;transform:translateY(-1px)}.jukebox-panels-stage{padding:1.25rem}.jukebox-panel{display:none}.jukebox-panel.active{display:block;animation:fadeInPanel .25s ease}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.jukebox-panels-stage.multi-grid-mode{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1.75rem}.jukebox-panels-stage.multi-grid-mode .jukebox-panel{display:block!important;background:#0f172a;border:2px solid #334155;border-radius:16px;padding:1.25rem;box-shadow:0 6px 18px #00000080}.panel-command-hub{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.15rem;border-bottom:1px solid #1e293b;padding-bottom:.95rem}.hub-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.hub-title-wrap{display:flex;align-items:center;gap:.65rem;min-width:0}.panel-badge{background:#f59e0b;color:#0f172a;font-size:.7rem;font-weight:900;padding:.2rem .55rem;border-radius:4px;letter-spacing:.05em;flex-shrink:0}.panel-title{font-size:1.25rem;font-weight:800;color:#f8fafc;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-nav-group{display:inline-flex;align-items:center;gap:.75rem;flex-wrap:wrap}.hub-flip-cluster{display:inline-flex;align-items:center;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:2px;box-shadow:0 2px 6px #0000004d}.hub-flip-btn{background:#1e293b;border:none;color:#f8fafc;padding:.4rem .75rem;border-radius:6px;font-size:.8rem;font-weight:900;cursor:pointer;transition:all .15s ease}.hub-flip-btn:hover{background:#f59e0b;color:#0f172a}.page-indicator{font-size:.82rem;color:#cbd5e1;font-weight:800;padding:0 .65rem;white-space:nowrap;font-variant-numeric:tabular-nums}.genre-collection-drawer{width:100%;background:linear-gradient(135deg,#0f172aeb,#111827f5);border:1px solid rgba(148,163,184,.22);border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.genre-collection-drawer:hover,.genre-collection-drawer.expanded{border-color:#f59e0b73;box-shadow:0 4px 16px #0006}.genre-drawer-toggle{width:100%;background:transparent;border:none;color:#f8fafc;padding:.65rem .95rem;display:flex;align-items:center;justify-content:space-between;gap:.85rem;cursor:pointer;text-align:left;transition:background .18s ease}.genre-drawer-toggle:hover{background:#ffffff08}.genre-drawer-summary{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-width:0;flex:1}.genre-drawer-active-pill{display:inline-flex;align-items:center;gap:.4rem;background:#f59e0b29;border:1px solid rgba(245,158,11,.48);color:#fbbf24!important;padding:.28rem .75rem;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap}.genre-drawer-subhint{font-size:.75rem;color:#94a3b8;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.genre-drawer-cta{display:inline-flex;align-items:center;gap:.4rem;background:#1e293be6;border:1px solid rgba(148,163,184,.3);color:#f8fafc!important;padding:.32rem .75rem;border-radius:999px;font-size:.74rem;font-weight:800;white-space:nowrap;flex-shrink:0;transition:all .18s ease}.genre-drawer-toggle:hover .genre-drawer-cta{background:#f59e0b;border-color:#fbbf24;color:#0f172a!important}.genre-drawer-chevron{font-size:.85rem;line-height:1}.genre-drawer-body{border-top:1px solid rgba(148,163,184,.16);padding:.8rem .95rem .9rem;background:#090d16bf}.genre-drawer-body[hidden]{display:none!important}.genre-collection-grid{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.genre-pill-btn{background:#1e293b;border:1px solid #334155;color:#cbd5e1;padding:.4rem .8rem;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:.38rem;transition:all .18s ease}.genre-pill-btn:hover{background:#334155;color:#fff;border-color:#64748b}.genre-pill-btn.active{background:#f59e0b;color:#0f172a;border-color:#fbbf24;font-weight:800;box-shadow:0 0 12px #f59e0b73}.genre-pill-btn.catolica-pill{border-color:#f59e0b80;background:#f59e0b1f;color:#fbbf24}.genre-pill-btn.catolica-pill.active{background:#f59e0b;color:#0f172a}.pill-count-badge{font-size:.68rem;font-weight:800;padding:.08rem .42rem;border-radius:999px;background:#0f172a8c;color:#94a3b8;font-variant-numeric:tabular-nums}.genre-pill-btn.active .pill-count-badge{background:#0f172a38;color:#0f172a}@media (max-width: 640px){.genre-drawer-subhint{display:none}.genre-drawer-toggle{padding:.55rem .75rem}}.catalog-search-row{display:flex;align-items:center;justify-content:space-between;gap:.85rem;width:100%}.search-input-wrap{flex:1;min-width:240px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.95rem;color:#94a3b8;pointer-events:none;font-size:.95rem;line-height:1;z-index:2}#catalog-search-input{width:100%;background:#0a0f1d;border:1.5px solid #334155;color:#f8fafc;padding:.65rem 2.5rem .65rem 2.85rem!important;border-radius:10px;font-size:.86rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}#catalog-search-input:focus{border-color:#f59e0b;box-shadow:0 0 10px #f59e0b59}.clear-search-btn{position:absolute;right:.75rem;background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.95rem;padding:.2rem;line-height:1}.clear-search-btn:hover{color:#f8fafc}.catalog-meta-stat{display:flex;align-items:center;gap:.55rem;font-size:.8rem;color:#94a3b8;font-weight:700;white-space:nowrap;flex-shrink:0}.btn-shuffle-catalog-batch{display:inline-flex;align-items:center;gap:.35rem;background:#10b98124;border:1px solid rgba(16,185,129,.45);color:#34d399!important;font-size:.74rem;font-weight:800;padding:.32rem .68rem;border-radius:50px;cursor:pointer;transition:all .18s ease;line-height:1}.btn-shuffle-catalog-batch:hover{background:#10b981;border-color:#34d399;color:#04130e!important;transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.btn-shuffle-catalog-batch .batch-spin-icon{display:inline-block;font-size:.85rem;transition:transform .45s cubic-bezier(.22,1,.36,1)}.btn-shuffle-catalog-batch.batch-refreshed .batch-spin-icon{transform:rotate(360deg)}.catalog-pull-refresh-bar{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.45rem .85rem;margin-bottom:.65rem;background:linear-gradient(90deg,#0f172aeb,#111827f5,#0f172aeb);border:1px dashed rgba(56,189,248,.32);border-radius:10px;cursor:pointer;user-select:none;transition:all .2s ease}.catalog-pull-refresh-bar:hover,.catalog-pull-refresh-bar.pull-active{background:#0ea5e91f;border-color:#38bdf899}.catalog-pull-refresh-bar.pull-ready{background:#10b9812e;border-style:solid;border-color:#10b981;box-shadow:0 0 14px #10b98140}.pull-refresh-spinner{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#38bdf829;color:#38bdf8!important;font-size:.82rem;font-weight:900;flex-shrink:0;transition:transform .25s ease}.catalog-pull-refresh-bar.batch-refreshed .pull-refresh-spinner{transform:rotate(360deg)}.pull-refresh-text{flex:1;font-size:.75rem;font-weight:700;color:#cbd5e1!important;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pull-refresh-counter{font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:800;color:#f59e0b!important;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);padding:.15rem .5rem;border-radius:50px;flex-shrink:0}.diner-strips-book{max-height:680px;overflow-y:auto;overflow-x:hidden;padding:.4rem .25rem .75rem;scrollbar-width:thin;scrollbar-color:#334155 #0b1120;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:.9rem;width:100%;transition:opacity .2s ease}.diner-strips-book::-webkit-scrollbar{width:6px}.diner-strips-book::-webkit-scrollbar-track{background:#0b1120;border-radius:4px}.diner-strips-book::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.diner-strips-book::-webkit-scrollbar-thumb:hover{background:#f59e0b}@keyframes dinerPageTurn{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.diner-strips-book.flip-animated{animation:dinerPageTurn .2s cubic-bezier(.16,1,.3,1)}.diner-strips-book.density-25{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:.85rem}.diner-strips-book.density-12{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:1.15rem}.diner-strips-book.density-12 .catalog-card-body{padding:.85rem .9rem .9rem}.diner-strips-book.density-12 .catalog-song-title{font-size:.96rem!important}.diner-strips-book.density-12 .catalog-song-artist{font-size:.82rem!important}.diner-strips-book.density-12 .catalog-song-album{font-size:.74rem!important}@media (max-width: 640px){.diner-strips-book,.diner-strips-book.density-25,.diner-strips-book.density-12{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:.25rem .1rem .65rem}.diner-strips-book .catalog-card-body,.diner-strips-book.density-12 .catalog-card-body{padding:.65rem .65rem .7rem}.diner-strips-book .catalog-song-title,.diner-strips-book.density-12 .catalog-song-title{font-size:.84rem!important}.diner-strips-book .catalog-song-artist,.diner-strips-book.density-12 .catalog-song-artist{font-size:.74rem!important}.diner-strips-book .catalog-song-album,.diner-strips-book.density-12 .catalog-song-album{font-size:.68rem!important}}.diner-song-strip.catalog-media-card{background:#141824!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px;padding:0!important;display:flex;flex-direction:column;position:relative;box-shadow:0 8px 20px #00000073;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease,background .2s ease;user-select:none;overflow:hidden;box-sizing:border-box;width:100%;color:#f8fafc!important}.diner-song-strip.catalog-media-card:hover{transform:translateY(-3px);background:#1a2030!important;border-color:#f59e0b73!important;box-shadow:0 12px 28px #000000a6,0 0 16px #f59e0b26}.diner-song-strip.catalog-media-card.now-selected{background:#172336!important;border-color:#10b981!important;box-shadow:0 0 0 1px #10b981,0 10px 26px #10b9814d}.catalog-card-artwork{position:relative;width:100%;aspect-ratio:1 / 1;background:#090d16;overflow:hidden;flex-shrink:0}.catalog-card-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s cubic-bezier(.16,1,.3,1)}.diner-song-strip.catalog-media-card:hover .catalog-card-thumb{transform:scale(1.05)}.strip-code.catalog-track-num,body.dark-mode .strip-code.catalog-track-num{position:absolute;top:.55rem;left:.55rem;z-index:3;background:#090d16d6!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f8fafc!important;font-size:.68rem;font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;padding:.22rem .5rem;border-radius:6px;letter-spacing:.04em;border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 8px #00000080;line-height:1.1}.diner-song-strip.catalog-media-card.now-selected .strip-code.catalog-track-num{background:#10b981eb!important;color:#052e16!important;border-color:#6ee7b7}.catalog-play-veil{position:absolute;inset:0;background:linear-gradient(180deg,#090d160d,#090d168c);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;z-index:2}.diner-song-strip.catalog-media-card:hover .catalog-play-veil,.diner-song-strip.catalog-media-card.now-selected .catalog-play-veil{opacity:1}.catalog-play-circle,body.dark-mode .catalog-play-circle{width:42px;height:42px;border-radius:50%;background:#10b981;color:#fff!important;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;padding-left:2px;box-shadow:0 6px 16px #0009;transform:translateY(4px);transition:transform .2s cubic-bezier(.16,1,.3,1),background .15s ease}.diner-song-strip.catalog-media-card:hover .catalog-play-circle,.diner-song-strip.catalog-media-card.now-selected .catalog-play-circle{transform:translateY(0)}.catalog-card-body{padding:.72rem .78rem .78rem;display:flex;flex-direction:column;justify-content:space-between;gap:.6rem;flex:1;min-width:0}.catalog-card-info{display:flex;flex-direction:column;gap:.18rem;min-width:0}.strip-title.catalog-song-title,body.dark-mode .strip-title.catalog-song-title{font-size:.88rem!important;font-weight:800!important;color:#fff!important;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin:0}.strip-artist.catalog-song-artist,body.dark-mode .strip-artist.catalog-song-artist{font-size:.78rem!important;font-weight:600!important;color:#cbd5e1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.catalog-song-album,body.dark-mode .catalog-song-album{font-size:.7rem!important;font-weight:500!important;color:#94a3b8!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.strip-hover-actions.catalog-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:.42rem;margin-top:auto;padding-top:.25rem}.strip-act-btn{height:28px;min-width:34px;padding:0 .6rem;border-radius:999px;font-size:.76rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;white-space:nowrap;line-height:1}.strip-act-btn.add-btn,body.dark-mode .strip-act-btn.add-btn{background:#ffffff14!important;color:#f8fafc!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none}.strip-act-btn.add-btn:hover{background:#10b981!important;color:#052e16!important;border-color:#34d399!important;box-shadow:0 0 12px #10b98173}.strip-act-btn.search-rep-btn,body.dark-mode .strip-act-btn.search-rep-btn{background:#f59e0b24!important;color:#fbbf24!important;border:1px solid rgba(245,158,11,.4)!important;box-shadow:none}.strip-act-btn.search-rep-btn:hover{background:#f59e0b!important;color:#0f172a!important;border-color:#fde68a!important;box-shadow:0 0 12px #f59e0b73}.cumbia-ad-slot-placeholder{margin:1.25rem auto;width:100%;max-width:920px;background:#0f172aa6;border:1px dashed rgba(245,158,11,.4);border-radius:12px;padding:.75rem 1.25rem;box-sizing:border-box;transition:border-color .2s ease,background .2s ease}.cumbia-ad-slot-placeholder:hover{border-color:#f59e0bcc;background:#0f172ad9}.ad-slot-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.ad-slot-badge{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbbf24;font-size:.65rem;font-weight:800;letter-spacing:.08em;padding:.15rem .5rem;border-radius:4px;text-transform:uppercase}.ad-slot-format{font-size:.68rem;color:#64748b;font-family:monospace}.ad-slot-content{display:flex;align-items:center;gap:1rem;justify-content:space-between;flex-wrap:wrap}.ad-slot-graphic{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,#f59e0b33,#d9770633);border:1px solid rgba(245,158,11,.4);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.ad-slot-text{flex:1;min-width:200px}.ad-headline{color:#f8fafc;font-size:.88rem;font-weight:800;margin-bottom:.15rem}.ad-subline{color:#94a3b8;font-size:.75rem}.ad-slot-cta{background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;font-size:.75rem;font-weight:800;padding:.45rem .95rem;border-radius:6px;text-decoration:none;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease}.ad-slot-cta:hover{transform:translateY(-1px);box-shadow:0 0 10px #f59e0b66}.playlist-header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.action-btn-sm{background:#1e293b;border:1px solid #475569;color:#cbd5e1;padding:.35rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer}.action-btn-sm:hover{background:#334155;color:#fff}.action-btn-sm.danger:hover{background:#dc2626;border-color:#ef4444;color:#fff}.action-btn-sm.restore{border-color:#f59e0b;color:#f59e0b}.playlist-summary-strip{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:.75rem 1rem;display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.summary-item{font-size:.85rem}.sum-label{color:#94a3b8;margin-right:.35rem}.sum-value{color:#f8fafc;font-weight:800}.sum-badge{background:#10b98126;color:#10b981;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700}.btn-play-all-playlist{margin-left:auto;background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.btn-play-all-playlist:hover{background:#fbbf24}.custom-playlist-list{display:flex;flex-direction:column;gap:.5rem}.playlist-row-card{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:.65rem 1rem;display:flex;align-items:center;gap:.85rem;transition:all .15s ease}.playlist-row-card:hover{background:#1e293b;border-color:#64748b}.playlist-row-card.active-playing{border-color:#10b981;background:#10b9811a}.pl-index{font-size:.85rem;font-weight:800;color:#64748b;width:20px}.pl-play-btn{background:#1e293b;border:1px solid #475569;color:#f8fafc;width:28px;height:28px;border-radius:50%;cursor:pointer}.pl-meta{flex:1;min-width:0}.pl-title{display:block;font-size:.95rem;font-weight:800;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-sub{font-size:.75rem;color:#94a3b8}.pl-genre-tag{color:#f59e0b}.pl-duration{font-size:.8rem;color:#94a3b8}.pl-actions{display:flex;align-items:center;gap:.35rem}.pl-icon-btn{background:#1e293b;border:1px solid #334155;color:#cbd5e1;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer}.pl-icon-btn:hover:not(:disabled){background:#334155;color:#fff}.pl-icon-btn.find-rep-btn{border-color:#0284c7;color:#38bdf8}.pl-icon-btn.del-btn:hover{background:#dc2626;border-color:#ef4444}.replacement-search-box{background:#0f172a;border:1px solid #334155;border-radius:14px;padding:1.25rem;margin-bottom:1.5rem}.rep-search-bar{display:flex;gap:.75rem;margin-bottom:.85rem}#video-search-input{flex:1;background:#020617;border:1px solid #475569;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.95rem}.rep-search-btn{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;font-size:.85rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.search-suggestion-pills{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;font-size:.8rem}.sugg-label{color:#94a3b8;font-weight:700}.sugg-pill{background:#1e293b;border:1px solid #334155;color:#cbd5e1;padding:.25rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;cursor:pointer}.sugg-pill:hover{background:#334155;color:#f59e0b;border-color:#f59e0b}.results-header{margin-bottom:1rem}.results-heading{font-size:1.15rem;font-weight:800;color:#f8fafc;margin:0 0 .25rem}.results-tip{font-size:.8rem;color:#94a3b8}.top-3-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.top-3-video-card{background:#0f172a;border:2px solid #334155;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 14px #0006;transition:transform .2s ease,border-color .2s ease}.top-3-video-card:hover{transform:translateY(-4px);border-color:#f59e0b;box-shadow:0 10px 25px #f59e0b40}.card-ranking-badge{color:#0f172a;font-size:.78rem;font-weight:900;padding:.45rem .95rem;letter-spacing:.05em;text-transform:uppercase}.video-preview-wrapper{position:relative;padding-top:56.25%;background:#000;overflow:hidden;cursor:pointer}.video-thumb-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-preview-wrapper:hover .video-thumb-img{transform:scale(1.05)}.video-play-overlay{position:absolute;inset:0;background:#0f172a73;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;transition:background .2s ease;z-index:2}.video-preview-wrapper:hover .video-play-overlay{background:#0f172a33}.play-pulse-circle{width:50px;height:50px;border-radius:50%;background:#dc2626;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #dc262699;transition:transform .2s ease,background .2s ease}.video-preview-wrapper:hover .play-pulse-circle{transform:scale(1.12);background:#ef4444}.overlay-play-text{color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.9)}.video-badge-runtime{position:absolute;bottom:.5rem;right:.5rem;background:#000000d9;color:#fff;font-size:.7rem;font-weight:800;padding:.15rem .45rem;border-radius:4px;z-index:3;border:1px solid rgba(255,255,255,.2)}.video-card-body{padding:1.15rem;flex:1;display:flex;flex-direction:column;background:#0b1120}.video-card-topline{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.video-code-tag{background:#dc2626;color:#fff;font-size:.7rem;font-weight:900;padding:.12rem .45rem;border-radius:4px;letter-spacing:.05em}.video-edition-tag{font-size:.72rem;font-weight:800;color:#f59e0b;letter-spacing:.05em;text-transform:uppercase}.video-card-title{font-size:1.1rem;font-weight:800;color:#f8fafc;margin:0 0 .35rem;line-height:1.3}.video-card-artist{font-size:.88rem;color:#cbd5e1;font-weight:600;margin:0 0 .5rem}.video-card-meta{display:flex;gap:.45rem;font-size:.78rem;margin:0 0 .75rem;flex-wrap:wrap}.meta-tag{background:#1e293b;border:1px solid #334155;color:#94a3b8;padding:.2rem .5rem;border-radius:4px}.meta-tag.verified-tag{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.35);font-weight:800}.video-card-desc{font-size:.82rem;color:#94a3b8;line-height:1.45;margin:0 0 1rem;flex:1}.video-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.rep-act-btn{padding:.6rem .75rem;border-radius:8px;font-size:.78rem;font-weight:800;cursor:pointer;border:none;text-align:center;transition:all .15s ease}.rep-act-btn.play{background:#10b981;color:#fff}.rep-act-btn.play:hover{background:#059669}.rep-act-btn.add{background:#f59e0b;color:#0f172a}.rep-act-btn.add:hover{background:#d97706;color:#fff}.rep-act-btn.replace{grid-column:span 2;background:#0284c7;color:#fff}.rep-act-btn.replace:hover{background:#0369a1}.live-channels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.live-channel-card{background:#0f172a;border:2px solid #334155;border-radius:14px;padding:1.25rem;text-align:left;cursor:pointer;transition:all .2s ease}.live-channel-card:hover{border-color:#ef4444;transform:translateY(-2px)}.live-channel-card.active{border-color:#ef4444;background:#ef444414;box-shadow:0 0 16px #ef44444d}.live-card-badge{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.75rem}.badge-red{background:#dc2626;color:#fff;font-weight:900;padding:.2rem .6rem;border-radius:4px}.badge-viewers{color:#94a3b8;font-weight:700}.live-card-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.live-name{font-size:1rem;font-weight:800;color:#f8fafc}.live-desc{font-size:.8rem;color:#94a3b8;margin:0 0 1rem}.live-btn-text{font-size:.8rem;font-weight:800;color:#ef4444}.family-shield-badge{display:inline-flex;align-items:center;gap:.4rem;background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#10b981;padding:.35rem .85rem;border-radius:999px;font-size:.75rem;font-weight:800}.shoutout-presets-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:.4rem}.presets-title{font-size:.75rem;color:#94a3b8;font-weight:800;white-space:nowrap}.preset-chip-btn{background:#1e293b;border:1px solid #334155;color:#cbd5e1;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap;cursor:pointer}.preset-chip-btn:hover{background:#334155;color:#f59e0b;border-color:#f59e0b}.wall-message-form{background:#0f172a;border:1px solid #334155;border-radius:14px;padding:1.25rem;margin-bottom:1.5rem}.form-row-top{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem;margin-bottom:.85rem}@media (max-width: 640px){.form-row-top{grid-template-columns:1fr}}.form-field label{display:block;font-size:.75rem;font-weight:800;color:#94a3b8;margin-bottom:.35rem}.form-field input,.form-field select,.form-field textarea{width:100%;background:#020617;border:1px solid #475569;color:#fff;padding:.65rem .85rem;border-radius:8px;font-size:.85rem;outline:none}.form-field input:focus,.form-field textarea:focus{border-color:#f59e0b}.form-actions-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.85rem;flex-wrap:wrap}.moderation-feedback{background:#f59e0b26;border:1px solid #f59e0b;color:#fef08a;padding:.5rem .85rem;border-radius:6px;font-size:.8rem;font-weight:700;flex:1}.btn-send-wall-message{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.65rem 1.35rem;border-radius:8px;font-size:.85rem;font-weight:800;cursor:pointer;margin-left:auto}.btn-send-wall-message:hover{background:#10b981}.chat-wall-feed{display:flex;flex-direction:column;gap:.85rem}.wall-message-card{background:#0f172a;border:1px solid #334155;border-radius:12px;padding:1rem}.msg-header-row{display:flex;align-items:center;gap:.65rem;margin-bottom:.5rem}.msg-avatar{width:32px;height:32px;border-radius:50%;color:#0f172a;font-weight:900;display:flex;align-items:center;justify-content:center}.msg-author-meta{flex:1}.msg-author-name{display:block;font-size:.9rem;font-weight:800;color:#f8fafc}.msg-country{font-size:.75rem;color:#94a3b8}.msg-tag{background:#1e293b;color:#f59e0b;font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:4px}.msg-time{font-size:.75rem;color:#64748b}.msg-body-text{font-size:.9rem;color:#cbd5e1;margin:0;line-height:1.5}.view-all-fm-btn{color:#f59e0b;font-size:.85rem;font-weight:800;text-decoration:none}.fm-quick-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.matrix-heading{font-size:.95rem;font-weight:800;color:#f8fafc;margin:0 0 .75rem;border-bottom:1px solid #1e293b;padding-bottom:.35rem}.fm-chip-list{display:flex;flex-direction:column;gap:.45rem}.fm-switch-btn{background:#0f172a;border:1px solid #334155;color:#cbd5e1;padding:.55rem .85rem;border-radius:8px;font-size:.85rem;font-weight:700;text-align:left;cursor:pointer;transition:all .15s ease}.fm-switch-btn:hover{background:#1e293b;border-color:#f59e0b;color:#f59e0b}.jukebox-bottom-bezel{background:#050811;border-top:2px solid #1e293b;padding:.85rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.75rem;color:#64748b}.bezel-logo{font-size:1.05rem;font-weight:900;color:#f59e0b;letter-spacing:.18em;text-shadow:0 0 10px rgba(245,158,11,.4)}.bezel-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.status-text{font-weight:800;letter-spacing:.05em;color:#94a3b8}.status-indicator-led{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981}.jukebox-toast,#jukebox-toast{display:none!important}