:root{--color-bg: #FFFDF5;--color-canvas: #FFFDF5;--color-ink: #000000;--color-white: #FFFFFF;--color-accent: #FF6B6B;--color-secondary: #FFD93D;--color-muted: #C4B5FD;--color-success: #4ADE80;--color-warning: #FBBF24;--color-danger: #EF4444;--bg-color: var(--color-bg);--text-primary: var(--color-ink);--text-secondary: #1f1f1f;--primary: var(--color-accent);--secondary: var(--color-secondary);--card-bg: var(--color-white);--border-color: var(--color-ink);--input-bg: var(--color-white);--glass-bg: var(--color-white);--glass-border: var(--color-ink);--glass-hover: var(--color-secondary);--gradient: var(--color-accent);--border-w: 4px;--border-w-thick: 6px;--border-w-bare: 2px;--shadow-sm: 4px 4px 0 0 var(--color-ink);--shadow-md: 6px 6px 0 0 var(--color-ink);--shadow-lg: 8px 8px 0 0 var(--color-ink);--shadow-xl: 12px 12px 0 0 var(--color-ink);--shadow-massive: 16px 16px 0 0 var(--color-ink);--shadow-on-dark: 6px 6px 0 0 var(--color-bg);--tw-shadow-sm: var(--shadow-sm);--tw-shadow-md: var(--shadow-md);--tw-shadow-lg: var(--shadow-lg);--tw-shadow-xl: var(--shadow-xl);--font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-body: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace}[data-theme=dark],[data-theme=light]{color-scheme:light}*{box-sizing:border-box;margin:0;padding:0;border-radius:0}html,body{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-weight:500;background-color:var(--color-bg);background-image:radial-gradient(circle,rgba(0,0,0,.06) 1.5px,transparent 1.5px);background-size:28px 28px;background-attachment:fixed;color:var(--color-ink);min-height:100vh;letter-spacing:-.005em;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:900;letter-spacing:-.02em;line-height:1;color:var(--color-ink)}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(1.75rem,3.5vw,3rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}p{font-weight:500}a{color:var(--color-ink);text-decoration:none}button{font-family:var(--font-display);cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:var(--font-display);font-weight:700}.border-2{border:2px solid var(--color-ink)}.border-4{border:var(--border-w) solid var(--color-ink)}.border-8{border:8px solid var(--color-ink)}.border-black{border-color:var(--color-ink)}.rounded-none{border-radius:0!important}.rounded-full{border-radius:9999px}.text-primary,.text-secondary{color:var(--color-accent)}.shadow-neo-sm{box-shadow:var(--shadow-sm)}.shadow-neo-md{box-shadow:var(--shadow-md)}.shadow-neo-lg{box-shadow:var(--shadow-lg)}.shadow-neo-xl{box-shadow:var(--shadow-xl)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg);border-left:2px solid var(--color-ink)}::-webkit-scrollbar-thumb{background:var(--color-ink);border:2px solid var(--color-ink)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}@keyframes neo-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes neo-scale-up{0%{opacity:0;transform:scale(.9) translateY(12px)}60%{opacity:1;transform:scale(1.02) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes neo-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes neo-wiggle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes neo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes neo-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes neo-spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:neo-fade-in .4s ease-out forwards}.animate-scale-up{animation:neo-scale-up .3s ease-out forwards}.animate-bounce{animation:neo-bounce 1.4s ease-in-out infinite}.animate-pulse{animation:neo-pulse 1.6s ease-in-out infinite}.animate-spin{animation:neo-spin 1s linear infinite}.animate-spin-slow{animation:neo-spin-slow 10s linear infinite}.animate-wiggle{animation:neo-wiggle 1.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:4px solid var(--color-accent);outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid var(--color-accent);outline-offset:3px}::selection{background:var(--color-secondary);color:var(--color-ink)}.neo-spinner{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.neo-spinner-square{border:4px solid var(--color-ink);background:var(--color-secondary);animation:neo-spin .8s linear infinite;box-shadow:var(--shadow-sm);position:relative}.neo-spinner-square .neo-spinner-dot{position:absolute;top:50%;left:50%;width:30%;height:30%;background:var(--color-ink);transform:translate(-50%,-50%)}.neo-spinner-square-secondary{background:var(--color-secondary)}.neo-spinner-square-secondary .neo-spinner-dot{background:var(--color-ink)}.neo-spinner-square-accent{background:var(--color-accent)}.neo-spinner-square-accent .neo-spinner-dot{background:var(--color-white)}.neo-spinner-square-muted{background:var(--color-muted)}.neo-spinner-square-muted .neo-spinner-dot,.neo-spinner-square-ink{background:var(--color-ink)}.neo-spinner-square-ink .neo-spinner-dot{background:var(--color-secondary)}.neo-spinner-sm{width:18px;height:18px;border-width:3px}.neo-spinner-sm .neo-spinner-dot{width:6px;height:6px}.neo-spinner-md{width:32px;height:32px}.neo-spinner-lg{width:56px;height:56px;border-width:6px}.neo-spinner-lg .neo-spinner-dot{width:18px;height:18px}.neo-spinner-bars{display:inline-flex;align-items:center;gap:4px;height:24px}.neo-spinner-bars .neo-spinner-bar{width:6px;background:var(--color-ink);border:2px solid var(--color-ink);animation:neo-spinner-bounce .9s ease-in-out infinite;height:100%;display:block}.neo-spinner-bars .neo-spinner-bar:nth-child(1){animation-delay:0s}.neo-spinner-bars .neo-spinner-bar:nth-child(2){animation-delay:.15s}.neo-spinner-bars .neo-spinner-bar:nth-child(3){animation-delay:.3s}.neo-spinner-bars-secondary .neo-spinner-bar{background:var(--color-secondary);border-color:var(--color-ink)}.neo-spinner-bars-accent .neo-spinner-bar{background:var(--color-accent);border-color:var(--color-ink)}.neo-spinner-bars-muted .neo-spinner-bar{background:var(--color-muted);border-color:var(--color-ink)}.neo-spinner-bars-ink .neo-spinner-bar{background:var(--color-ink);border-color:var(--color-ink)}@keyframes neo-spinner-bounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.neo-spinner-mini{width:14px;height:14px;border:2px solid var(--color-ink);background:var(--color-secondary);animation:neo-spin .7s linear infinite}@keyframes neo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-container{width:100%;max-width:600px;margin:0 auto 2rem;position:relative;z-index:10}.search-wrapper{position:relative}.search-glow{display:none}.search-box{display:flex;align-items:center;background-color:var(--color-white);border:4px solid var(--color-ink);border-radius:0;padding:.75rem 1rem;box-shadow:var(--shadow-md);transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.search-box:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--color-ink)}.search-box:focus-within{background:var(--color-secondary);transform:translate(0);box-shadow:var(--shadow-md)}.search-box.listening{background:var(--color-muted)}.search-box.youtube-active{background:var(--color-bg)}.nav-search-wrapper .search-box{padding:.5rem .75rem;box-shadow:var(--shadow-sm)}.nav-search-wrapper .search-icon{width:20px;height:20px}.search-actions{display:flex;align-items:center;gap:.75rem}.voice-search-btn{background:var(--color-ink);color:var(--color-white);border:3px solid var(--color-ink);padding:.5rem;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;position:relative;box-shadow:var(--shadow-sm)}.voice-search-btn:hover{background:var(--color-accent)}.voice-search-btn:active{transform:translate(2px,2px);box-shadow:none}.voice-search-btn.active{background:var(--color-accent);color:var(--color-white)}.listening-pulse{position:absolute;inset:0;border:3px solid var(--color-accent);animation:neo-pulse 1s linear infinite}.youtube-mode-switch-wrapper{display:flex;align-items:center;gap:.5rem;padding:0 .5rem;border-left:4px solid var(--color-ink);margin-left:.5rem}.switch-label{font-size:.7rem;font-weight:900;color:var(--color-ink);text-transform:uppercase;letter-spacing:.05em;transition:color .1s ease,background .1s ease;padding:2px 4px}.switch-label.active:first-child{background:var(--color-secondary)}.switch-label.active:last-child{background:var(--color-accent);color:var(--color-white)}.youtube-switch{position:relative;width:60px;height:30px;background:var(--color-secondary);border:3px solid var(--color-ink);border-radius:0;cursor:pointer;padding:3px;transition:background .1s ease,box-shadow .1s ease;box-shadow:var(--shadow-sm)}.youtube-switch:hover{box-shadow:var(--shadow-md)}.youtube-switch:active{transform:translate(2px,2px);box-shadow:none}.youtube-switch.active{background:var(--color-accent)}.switch-handle{width:20px;height:20px;background:var(--color-ink);display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.youtube-switch.active .switch-handle{transform:translate(30px);background:var(--color-white)}.search-icon{width:24px;height:24px;color:var(--color-ink);margin-right:1rem;flex-shrink:0;stroke-width:3}.search-icon-wrap{display:inline-flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0}.search-input{flex:1;background:transparent;border:none;color:var(--color-ink);font-size:1.05rem;font-weight:700;outline:none;min-width:0;font-family:var(--font-display)}.search-input::placeholder{color:var(--color-ink);opacity:.5;font-weight:700}.search-input-group{flex:1;display:flex;align-items:center;min-width:0}.search-submit-btn{background:var(--color-ink);color:var(--color-white);border:3px solid var(--color-ink);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:.5rem;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.search-submit-btn:hover{background:var(--color-accent)}.search-submit-btn:active{transform:translate(2px,2px);box-shadow:none}@media(max-width:640px){.search-input{font-size:.95rem}.youtube-mode-switch-wrapper{gap:.3rem}.switch-label{font-size:.6rem}}@media(max-width:480px){.search-box{flex-direction:column;padding:.75rem 1rem;gap:.75rem;align-items:stretch}.nav-search-wrapper .search-box{flex-direction:row!important;padding:.35rem .5rem!important;gap:.25rem!important;align-items:center!important}.search-input-group{width:100%}.nav-search-wrapper .search-input-group{width:auto!important;flex:1}.search-icon{margin-right:.75rem;width:20px;height:20px}.search-actions{justify-content:space-between;padding-top:.5rem;border-top:4px solid var(--color-ink);width:100%;gap:.5rem}.nav-search-wrapper .search-actions{width:auto!important;padding-top:0!important;border-top:none!important;gap:.25rem!important;display:flex!important}.youtube-mode-switch-wrapper{margin-left:0;padding-left:0;border-left:none;flex:1;justify-content:flex-start}.nav-search-wrapper .youtube-mode-switch-wrapper{flex:0 0 auto!important;margin-left:.25rem!important;padding-left:.25rem!important;border-left:3px solid var(--color-ink)!important}.nav-search-wrapper .switch-label{display:none}.voice-search-btn{padding:.4rem}}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2rem;padding:1rem 0}@media(max-width:640px){.song-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.song-title{font-size:.8rem}.song-artist{font-size:.65rem}.card-content{padding:.75rem}}.song-card{background:var(--color-white);border:4px solid var(--color-ink);border-radius:0;overflow:hidden;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;display:flex;flex-direction:column;box-shadow:var(--shadow-md);position:relative}.song-card:nth-child(6n+1){transform:rotate(-1deg)}.song-card:nth-child(6n+2){transform:rotate(.5deg)}.song-card:nth-child(6n+3){transform:rotate(-.5deg)}.song-card:nth-child(6n+4){transform:rotate(1deg)}.song-card:nth-child(6n+5){transform:rotate(-1deg)}.song-card:nth-child(6n+6){transform:rotate(.5deg)}.song-card:hover{transform:translate(-4px,-4px) rotate(0);box-shadow:12px 12px 0 0 var(--color-accent);z-index:2}.song-card:active{transform:translate(2px,2px);box-shadow:var(--shadow-sm)}.card-image-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:4px solid var(--color-ink)}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .2s ease;display:block}.song-card:hover .card-image{transform:scale(1.05)}.play-overlay{position:absolute;inset:0;background:var(--color-accent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;opacity:0;transition:opacity .15s ease}.play-overlay.queue-mode{background:var(--color-muted)}.song-card:hover .play-overlay{opacity:1}.play-button{width:64px;height:64px;background:var(--color-white);color:var(--color-ink);border:4px solid var(--color-ink);border-radius:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transform:translateY(10px);transition:transform .2s ease}.play-overlay.queue-mode .play-button{background:var(--color-ink);color:var(--color-white)}.song-card:hover .play-button{transform:translateY(0)}.play-action-text{color:var(--color-white);font-weight:900;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;transform:translateY(10px);transition:transform .2s ease .05s,opacity .2s ease .05s;opacity:0;background:var(--color-ink);padding:4px 12px;border:3px solid var(--color-white)}.song-card:hover .play-action-text{transform:translateY(0);opacity:1}.category-badge{position:absolute;top:8px;right:8px;background:var(--color-ink);color:var(--color-secondary);padding:4px 10px;border:3px solid var(--color-ink);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;z-index:1;box-shadow:var(--shadow-sm)}.card-content{padding:1rem 1.25rem;background:var(--color-white);display:flex;flex-direction:column;gap:.25rem;flex:1}.song-title{font-size:.95rem;font-weight:900;color:var(--color-ink);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:-.01em;line-height:1.3}.song-artist{color:var(--color-ink);font-size:.7rem;margin:0;font-weight:500;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.no-results{text-align:center;padding:4rem 1rem;color:var(--color-ink);background:var(--color-white);border:4px solid var(--color-ink);box-shadow:var(--shadow-md)}.no-results p{font-size:1.25rem;margin-bottom:1.5rem;font-weight:900;text-transform:uppercase}.search-youtube-btn{display:inline-block;background:var(--color-accent);color:var(--color-white);padding:.75rem 1.5rem;border:4px solid var(--color-ink);font-weight:900;text-transform:uppercase;letter-spacing:.05em;transition:transform .1s ease,box-shadow .1s ease;box-shadow:var(--shadow-sm)}.search-youtube-btn:hover{background:var(--color-ink)}.search-youtube-btn:active{transform:translate(2px,2px);box-shadow:none}@media(max-width:768px){.play-button{width:48px;height:48px}}.player-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--color-ink)}.player-backdrop{position:absolute;inset:0;background:var(--color-ink);background-image:radial-gradient(circle,rgba(255,217,61,.15) 2px,transparent 2px);background-size:24px 24px;z-index:1}.player-main-content{display:flex;width:100vw;height:100vh;height:100dvh;position:relative;overflow:hidden;z-index:2;background:var(--color-ink)}.player-container{position:relative;flex:1;height:100%;background:var(--color-ink);display:flex;flex-direction:column;z-index:10;overflow:hidden;transition:flex .5s cubic-bezier(.4,0,.2,1)}.player-header{position:absolute;top:0;left:0;right:0;padding:.75rem 1.25rem;padding-top:calc(.75rem + env(safe-area-inset-top,0px));background:transparent;display:flex;justify-content:space-between;align-items:center;z-index:30;transition:all .3s ease;border:none}.player-header:hover{background:var(--color-ink);background-image:radial-gradient(circle,rgba(255,217,61,.1) 2px,transparent 2px);background-size:20px 20px;padding:1rem 1.5rem;padding-top:calc(1rem + env(safe-area-inset-top,0px));border-bottom:4px solid var(--color-secondary)}.player-brand-wrapper{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.player-brand{display:flex;align-items:center;cursor:pointer;flex-shrink:0;background:var(--color-ink);border:3px solid var(--color-secondary);padding:4px 8px;box-shadow:var(--shadow-sm)}.player-logo{margin-right:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-ink)}.player-logo-img{width:36px;height:36px;object-fit:contain;filter:invert(1)}.player-brand-title{font-size:.9rem;font-weight:900;color:var(--color-secondary);transition:all .3s;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.player-header:hover .player-brand-title{font-size:1.1rem}.brand-cursive{font-family:inherit;font-style:italic;font-weight:900;color:var(--color-accent)}.header-divider{width:4px;height:28px;background:var(--color-secondary)}.header-now-playing{display:flex;flex-direction:column;min-width:0;flex:1}.now-playing-label{color:var(--color-secondary);font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;line-height:1;opacity:0;height:0;overflow:hidden;transition:all .3s}.player-header:hover .now-playing-label{opacity:1;height:auto;margin-bottom:4px}.now-playing-song{color:var(--color-white);font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s}.player-header:hover .now-playing-song{font-size:1.05rem}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;z-index:50;opacity:.4;transform:scale(.85);transform-origin:top right;pointer-events:none;transition:all .3s ease}.player-header:hover .header-actions{opacity:1;transform:scale(1);pointer-events:auto}.skip-button{background:var(--color-white);color:var(--color-ink);border:3px solid var(--color-ink);padding:.5rem .75rem;display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-sm);height:44px;white-space:nowrap;line-height:1}.skip-button:hover{background:var(--color-secondary)}.skip-button:active{transform:translate(2px,2px);box-shadow:none}.skip-button:disabled{opacity:.5;cursor:not-allowed}.qr-reveal-btn{background:var(--color-secondary)}.qr-reveal-btn:hover{background:var(--color-accent);color:var(--color-white)}.drawer-toggle,.fullscreen-button{background:var(--color-white);color:var(--color-ink);border:3px solid var(--color-ink);padding:.5rem .75rem;display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-sm);height:44px;white-space:nowrap;line-height:1}.drawer-toggle{background:var(--color-muted)}.drawer-toggle:hover{background:var(--color-accent);color:var(--color-white)}.drawer-toggle:active{transform:translate(2px,2px);box-shadow:none}.drawer-toggle.active{background:var(--color-accent);color:var(--color-white)}.fullscreen-button{background:var(--color-white)}.fullscreen-button:hover{background:var(--color-secondary)}.fullscreen-button:active{transform:translate(2px,2px);box-shadow:none}.close-button{background:var(--color-danger);color:var(--color-white);border:3px solid var(--color-ink);padding:.5rem .75rem;display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;transition:transform .1s ease,box-shadow .1s ease;box-shadow:var(--shadow-sm);height:44px;white-space:nowrap;line-height:1}.close-button:hover{background:var(--color-ink)}.close-button:active{transform:translate(2px,2px);box-shadow:none}.close-text{display:inline}.player-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-ink)}.player-wrapper iframe{width:100%!important;height:100%!important;border:0}.video-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-secondary);z-index:5;background:var(--color-ink);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}.video-loader.hidden{display:none}.video-loader svg{width:64px;height:64px;color:var(--color-secondary);border:4px solid var(--color-ink);background:var(--color-accent);padding:12px}.video-loader p{color:var(--color-secondary)}.player-interaction-gate{position:absolute;inset:0;z-index:4;background:transparent;cursor:pointer}.player-qr-widget{position:absolute;top:80px;right:16px;z-index:25}.player-qr-widget.collapsed .player-qr-collapsed-btn{background:var(--color-accent);color:var(--color-white);border:4px solid var(--color-ink);width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:transform .1s ease,box-shadow .1s ease}.player-qr-widget.collapsed .player-qr-collapsed-btn:hover{background:var(--color-ink);color:var(--color-secondary)}.player-qr-widget.collapsed .player-qr-collapsed-btn:active{transform:translate(2px,2px);box-shadow:none}.player-qr-widget-body{background:var(--color-white);border:4px solid var(--color-ink);padding:8px;box-shadow:var(--shadow-md);transform:rotate(3deg)}.player-qr-code-box{background:var(--color-white);border:2px solid var(--color-ink);padding:2px}.error-overlay,.stall-overlay,.countdown-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:20;background:var(--color-ink);background-image:radial-gradient(circle,rgba(255,107,107,.1) 2px,transparent 2px);background-size:20px 20px}.error-content,.stall-content,.countdown-content{background:var(--color-white);border:4px solid var(--color-ink);padding:2.5rem 2rem;text-align:center;max-width:420px;width:90%;box-shadow:var(--shadow-massive);transform:rotate(-1deg)}.error-content h3,.stall-content h3,.countdown-label{font-size:1.5rem;font-weight:900;text-transform:uppercase;color:var(--color-ink);margin:.75rem 0 .5rem;letter-spacing:-.02em}.error-content p,.stall-content p{color:var(--color-ink);font-size:.95rem;line-height:1.5;margin:.5rem 0 1.5rem;font-weight:500}.error-content svg,.stall-icon-blob{width:64px;height:64px;background:var(--color-danger);color:var(--color-white);border:4px solid var(--color-ink);padding:14px;margin:0 auto;box-shadow:var(--shadow-sm)}.stall-icon-blob{background:var(--color-accent)}.error-footer{background:var(--color-ink);color:var(--color-secondary);padding:.5rem 1rem;border:3px solid var(--color-ink);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;display:inline-block;margin-top:.5rem}.btn-manual-play{background:var(--color-accent);color:var(--color-white);border:4px solid var(--color-ink);padding:.75rem 1.5rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .1s ease,box-shadow .1s ease}.btn-manual-play:hover{background:var(--color-ink);color:var(--color-secondary)}.btn-manual-play:active{transform:translate(2px,2px);box-shadow:none}.countdown-content{transform:rotate(1deg)}.countdown-number-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:160px;height:160px;margin:.5rem auto}.countdown-number{font-size:4.5rem;font-weight:900;color:var(--color-accent);-webkit-text-stroke:3px var(--color-ink);line-height:1;font-family:var(--font-display);position:relative;z-index:1}.countdown-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:rotate(-90deg)}.countdown-svg circle{fill:none;stroke:var(--color-ink);stroke-width:6;stroke-dasharray:452.4;stroke-dashoffset:0;animation:countdown-tick 15s linear forwards}@keyframes countdown-tick{to{stroke-dashoffset:452.4}}.next-song-preview{background:var(--color-bg);border:3px solid var(--color-ink);padding:.75rem 1rem;margin:1rem 0}.preview-label{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink);display:block;margin-bottom:4px}.preview-title{font-size:.95rem;font-weight:900;color:var(--color-ink);margin:0;text-transform:uppercase;letter-spacing:-.01em}.skip-waiting-btn{background:var(--color-ink);color:var(--color-secondary);border:3px solid var(--color-ink);padding:.5rem 1rem;display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-sm)}.skip-waiting-btn:hover{background:var(--color-accent);color:var(--color-white)}.skip-waiting-btn:active{transform:translate(2px,2px);box-shadow:none}.player-sidebar{position:absolute;top:0;right:0;width:380px;max-width:90vw;height:100%;background:var(--color-white);border-left:4px solid var(--color-ink);display:flex;flex-direction:column;z-index:50;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 0 0 var(--color-ink)}.drawer-open .player-sidebar{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:4px solid var(--color-ink);background:var(--color-secondary)}.sidebar-header h2{font-size:1.1rem;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;margin:0;color:var(--color-ink)}.sidebar-close{background:var(--color-ink);color:var(--color-white);border:3px solid var(--color-ink);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;box-shadow:var(--shadow-sm)}.sidebar-close:hover{background:var(--color-accent)}.sidebar-close:active{transform:translate(2px,2px);box-shadow:none}.sidebar-search{padding:1rem 1.25rem;border-bottom:4px solid var(--color-ink);background:var(--color-white)}.mini-search-box{display:flex;align-items:center;gap:.5rem;background:var(--color-bg);border:3px solid var(--color-ink);padding:.5rem .75rem;box-shadow:var(--shadow-sm)}.mini-search-box.listening{background:var(--color-muted)}.mini-search-box.youtube-active{background:var(--color-bg)}.mini-search-input-wrap{display:flex;align-items:center;flex:1;min-width:0;gap:.5rem}.mini-search-input-wrap .search-icon-fixed{width:18px;height:18px;color:var(--color-ink);flex-shrink:0;stroke-width:3}.mini-search-spinner{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mini-search-input-wrap input{flex:1;background:transparent;border:none;outline:none;font-size:.95rem;font-weight:700;color:var(--color-ink);min-width:0;font-family:var(--font-display)}.mini-search-input-wrap input::placeholder{color:var(--color-ink);opacity:.5}.sidebar-search-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.sidebar-youtube-switch-wrapper{display:flex;align-items:center;gap:.4rem}.youtube-switch.mini{width:44px;height:22px;padding:2px;border-width:2px}.youtube-switch.mini .switch-handle{width:14px;height:14px}.youtube-switch.mini.active .switch-handle{transform:translate(22px)}.mini-voice-btn{background:var(--color-ink);color:var(--color-white);border:2px solid var(--color-ink);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.mini-voice-btn:hover{background:var(--color-accent)}.mini-voice-btn:active{transform:translate(2px,2px);box-shadow:none}.mini-voice-btn.active{background:var(--color-accent);color:var(--color-white)}.sidebar-content{flex:1;overflow-y:auto;padding:1rem 1.25rem;background:linear-gradient(to right,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.04) 1px,transparent 1px);background-size:24px 24px}.sidebar-section{margin-bottom:1.5rem}.sidebar-section h3{font-size:.85rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;color:var(--color-ink);background:var(--color-secondary);padding:4px 8px;border:3px solid var(--color-ink);display:inline-block;box-shadow:var(--shadow-sm)}.section-header-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.section-header-row svg{color:var(--color-ink)}.sidebar-list{display:flex;flex-direction:column;gap:.5rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;background:var(--color-white);border:3px solid var(--color-ink);padding:.5rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-sm)}.sidebar-item:hover{background:var(--color-secondary);transform:translate(-2px,-2px);box-shadow:5px 5px 0 0 var(--color-ink)}.sidebar-item.queued{background:var(--color-muted)}.sidebar-item.queued:hover{background:var(--color-secondary)}.sidebar-item.is-dragging{box-shadow:var(--shadow-md);background:var(--color-secondary)}.sidebar-item img{width:48px;height:36px;object-fit:cover;border:2px solid var(--color-ink);flex-shrink:0}.item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.item-title{font-size:.85rem;font-weight:900;color:var(--color-ink);margin:0;text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.item-artist{font-size:.65rem;font-weight:500;color:var(--color-ink);opacity:.6;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.02em}.add-btn,.remove-btn{background:var(--color-ink);color:var(--color-secondary);border:2px solid var(--color-ink);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.add-btn:hover{background:var(--color-accent);color:var(--color-white)}.add-btn:active{transform:translate(2px,2px);box-shadow:none}.remove-btn{background:var(--color-danger);color:var(--color-white)}.remove-btn:hover{background:var(--color-ink);color:var(--color-secondary)}.remove-btn:active{transform:translate(2px,2px);box-shadow:none}.drag-handle{background:transparent;color:var(--color-ink);cursor:grab;padding:4px;display:flex;align-items:center;justify-content:center}.drag-handle:active{cursor:grabbing}.queued-index{background:var(--color-ink);color:var(--color-secondary);width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;font-family:var(--font-mono);flex-shrink:0}.empty-sidebar{text-align:center;padding:2rem 1rem;color:var(--color-ink);background:var(--color-bg);border:3px dashed var(--color-ink);display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-sidebar p{font-size:.85rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin:0}.searching-status{text-align:center;padding:1rem;font-size:.85rem;font-weight:900;color:var(--color-ink);text-transform:uppercase;background:var(--color-secondary);border:3px solid var(--color-ink)}.trending-skeleton-list{display:flex;flex-direction:column;gap:.5rem}.skeleton-item{background:var(--color-bg);cursor:default;animation:neo-fade-in .4s ease-out forwards}.skeleton-item:hover{transform:none;box-shadow:var(--shadow-sm)}.skeleton-thumb{width:48px;height:36px;background:var(--color-white);border:2px solid var(--color-ink);flex-shrink:0}.skeleton-line{height:10px;background:var(--color-white);border:2px solid var(--color-ink);margin-bottom:4px;animation:neo-pulse 1.4s ease-in-out infinite}.skeleton-line.short{width:60%}.player-mini-footer{position:absolute;bottom:.75rem;right:.75rem;display:flex;align-items:center;gap:.4rem;background:var(--color-ink);color:var(--color-secondary);border:2px solid var(--color-secondary);padding:.3rem .55rem;font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;z-index:25;box-shadow:var(--shadow-sm)}.player-mini-footer a{color:var(--color-secondary);display:flex;align-items:center;transition:transform .1s ease}.player-mini-footer a:hover{transform:rotate(15deg) scale(1.1)}.player-mini-footer strong{color:var(--color-white);font-weight:700}.player-confirm-overlay{position:absolute;inset:0;background:var(--color-ink);background-image:radial-gradient(circle,rgba(255,107,107,.2) 2px,transparent 2px);background-size:24px 24px;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem}.player-confirm-card{background:var(--color-white);border:4px solid var(--color-ink);padding:2.5rem 2rem;text-align:center;max-width:420px;width:100%;box-shadow:var(--shadow-massive);transform:rotate(-1deg)}.player-confirm-card>svg{width:64px;height:64px;background:var(--color-danger);color:var(--color-white);border:4px solid var(--color-ink);padding:12px;margin:0 auto 1rem;display:block;box-shadow:var(--shadow-sm)}.player-confirm-card h3{font-size:1.5rem;font-weight:900;text-transform:uppercase;margin:0 0 .75rem;letter-spacing:-.02em}.player-confirm-card p{color:var(--color-ink);font-size:.95rem;line-height:1.5;margin:0 0 1.5rem;font-weight:500}.player-confirm-btns{display:flex;gap:.75rem}.btn-player-cancel,.btn-player-confirm{flex:1;padding:.75rem 1rem;border:4px solid var(--color-ink);font-size:.85rem;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-sm)}.btn-player-cancel{background:var(--color-white);color:var(--color-ink)}.btn-player-cancel:hover{background:var(--color-secondary)}.btn-player-cancel:active{transform:translate(2px,2px);box-shadow:none}.btn-player-confirm{background:var(--color-danger);color:var(--color-white)}.btn-player-confirm:hover{background:var(--color-ink)}.btn-player-confirm:active{transform:translate(2px,2px);box-shadow:none}@media(max-width:768px){.header-actions{gap:.4rem}.skip-button span,.close-text,.drawer-toggle span,.fullscreen-button span{display:none}.skip-button,.close-button,.drawer-toggle,.fullscreen-button{padding:.5rem;width:40px;height:40px;justify-content:center}.player-sidebar{width:100vw;max-width:100vw}.player-qr-widget{top:70px;right:12px}}@media(max-height:500px)and (orientation:landscape){.player-header{padding:.4rem .75rem}.player-mini-footer{bottom:.5rem;right:.5rem}.player-qr-widget{top:60px;right:8px}}.skeleton-card{background:var(--color-white);border:4px solid var(--color-ink);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.skeleton-image{aspect-ratio:16/9;background:var(--color-bg);background-image:linear-gradient(45deg,var(--color-ink) 25%,transparent 25%),linear-gradient(-45deg,var(--color-ink) 25%,transparent 25%);background-size:16px 16px;background-position:0 0,8px 8px;border-bottom:4px solid var(--color-ink);opacity:.5;animation:neo-pulse 1.4s ease-in-out infinite}.skeleton-info{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.skeleton-line{background:var(--color-bg);height:12px;border:2px solid var(--color-ink);animation:neo-pulse 1.4s ease-in-out infinite}.skeleton-line.title{width:80%}.skeleton-line.artist{width:50%}@keyframes neo-pulse{0%,to{opacity:1}50%{opacity:.4}}.donate-trigger-btn{position:fixed;bottom:100px;left:30px;display:flex;align-items:center;gap:10px;background:var(--color-secondary);color:var(--color-ink);border:4px solid var(--color-ink);padding:12px 20px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md);cursor:pointer;z-index:100;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;transform:rotate(-2deg)}.donate-trigger-btn:hover{background:var(--color-accent);color:var(--color-white);transform:translate(-3px,-3px) rotate(-2deg);box-shadow:8px 8px 0 0 var(--color-ink)}.donate-trigger-btn:active{transform:translate(2px,2px) rotate(0);box-shadow:none}.donate-trigger-btn.hidden{opacity:0;transform:scale(.8) translateY(20px) rotate(0);pointer-events:none}.coffee-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;color:var(--color-ink)}.heart-mini{position:absolute;top:-8px;right:-10px;color:var(--color-accent);background:var(--color-white);border:2px solid var(--color-ink);width:18px;height:18px;display:flex;align-items:center;justify-content:center;animation:neo-bounce 1.4s ease-in-out infinite}.btn-text{font-size:.9rem;letter-spacing:.05em}@keyframes neo-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.donate-modal-overlay{position:fixed;inset:0;background:var(--color-ink);background-image:radial-gradient(circle,rgba(255,217,61,.2) 2px,transparent 2px);background-size:24px 24px;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.donate-modal-container{background:var(--color-white);width:100%;max-width:480px;border:4px solid var(--color-ink);box-shadow:var(--shadow-massive);overflow:hidden;position:relative;transform:rotate(-1deg)}.donate-modal-header{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid var(--color-ink);background:var(--color-secondary)}.donate-title{display:flex;align-items:center;gap:12px}.donate-title h3{margin:0;font-size:1.25rem;font-weight:900;color:var(--color-ink);text-transform:uppercase;letter-spacing:-.01em}.donate-title .text-primary{background:var(--color-ink);color:var(--color-secondary);width:36px;height:36px;padding:6px;border:3px solid var(--color-ink);display:inline-flex;align-items:center;justify-content:center}.close-btn{background:var(--color-ink);color:var(--color-white);border:3px solid var(--color-ink);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-sm)}.close-btn:hover{background:var(--color-danger)}.close-btn:active{transform:translate(2px,2px);box-shadow:none}.donate-modal-body{padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem}.qr-section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-frame{position:relative;background:var(--color-white);padding:12px;border:4px solid var(--color-ink);box-shadow:var(--shadow-md);margin:0 auto 1rem;width:fit-content;display:flex;align-items:center;justify-content:center;transform:rotate(2deg)}.qr-image{width:240px;height:240px;display:block;border:2px solid var(--color-ink)}.qr-glow{position:absolute;inset:-8px;background:var(--color-accent);z-index:-1;animation:neo-spin-slow 8s linear infinite}.qr-instruction{color:var(--color-ink);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0}.donate-info{width:100%;text-align:left;background:var(--color-bg);border:3px solid var(--color-ink);padding:1rem}.donate-message{color:var(--color-ink);font-size:.95rem;line-height:1.6;margin:0;font-weight:500}.bank-details{background:var(--color-white);border:3px solid var(--color-ink);padding:1rem;display:flex;flex-direction:column;gap:8px;width:100%}.bank-item{display:flex;justify-content:space-between;gap:20px;font-size:.85rem}.bank-item .label{color:var(--color-ink);text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.bank-item .value{color:var(--color-ink);text-align:right;font-weight:900;font-family:var(--font-mono)}.donate-footer{margin-top:.5rem}.donate-footer p{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--color-ink);font-weight:900;font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em;margin:0}.heart-icon-fill{color:var(--color-accent);animation:neo-bounce 1.4s ease-in-out infinite}@media(max-width:768px){.donate-trigger-btn{bottom:100px;left:16px;padding:10px 12px}.btn-text{display:none}.donate-modal-container{max-width:92%;transform:rotate(0)}.qr-image{width:180px;height:180px}}@media(max-height:500px)and (orientation:landscape){.donate-modal-container{max-width:90%;max-height:95vh;display:flex;flex-direction:column;transform:rotate(0)}.donate-modal-header{padding:12px 24px}.donate-title h3{font-size:1.1rem}.donate-modal-body{flex-direction:row;padding:16px 24px;gap:20px;align-items:center;justify-content:space-between;overflow-y:auto}.qr-section{width:auto}.qr-frame{padding:8px;margin-bottom:8px}.qr-image{width:140px;height:140px}.qr-instruction{font-size:.8rem}.donate-info{margin-bottom:0;flex:1}.donate-message{font-size:.85rem;margin-bottom:12px}.bank-details{padding:12px;gap:6px}.bank-item{font-size:.75rem}.donate-footer p{font-size:.95rem;margin-bottom:0}}.remote-container{min-height:100vh;background-color:var(--color-bg);background-image:radial-gradient(circle,rgba(0,0,0,.06) 1.5px,transparent 1.5px);background-size:24px 24px;color:var(--color-ink);padding:1rem;display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto}.remote-loading,.remote-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--color-bg);color:var(--color-ink);font-weight:900;text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:1rem}.remote-loading svg,.remote-error svg{width:56px;height:56px;background:var(--color-secondary);border:4px solid var(--color-ink);padding:12px;color:var(--color-ink)}.remote-error h2{font-size:1.5rem;margin:.5rem 0 .25rem;text-transform:uppercase;letter-spacing:-.02em}.remote-error p{font-size:.95rem;font-weight:500;max-width:320px;margin:0}.remote-error .text-destructive{color:var(--color-danger)}.remote-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:var(--color-ink);color:var(--color-white);border:4px solid var(--color-ink);padding:12px 18px;display:flex;align-items:center;gap:8px;z-index:999;font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;box-shadow:var(--shadow-md);max-width:90vw;animation:neo-slide-up .3s ease-out}@keyframes neo-slide-up{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.remote-header{display:flex;flex-direction:column;gap:.75rem;background:var(--color-white);border:4px solid var(--color-ink);padding:1rem;box-shadow:var(--shadow-md)}.remote-logo{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.remote-logo-inner{display:flex;align-items:center;gap:12px}.remote-logo-img{width:48px;height:48px;object-fit:contain;background:var(--color-ink);border:3px solid var(--color-ink);padding:4px;filter:invert(1);box-shadow:var(--shadow-sm)}.logo-text{display:flex;flex-direction:column}.logo-text h1{font-size:1rem;font-weight:900;color:var(--color-ink);margin:0;text-transform:uppercase;letter-spacing:-.01em;line-height:1}.logo-subtitle{font-size:.7rem;color:var(--color-ink);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.remote-logo-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.session-badge{background:var(--color-ink);color:var(--color-secondary);padding:6px 10px;border:3px solid var(--color-ink);font-family:var(--font-mono);font-weight:900;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;box-shadow:var(--shadow-sm)}.theme-toggle-btn{background:var(--color-secondary);color:var(--color-ink);border:3px solid var(--color-ink);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;box-shadow:var(--shadow-sm)}.theme-toggle-btn:hover{background:var(--color-accent);color:var(--color-white)}.remote-language-selector{display:flex;gap:0;background:var(--color-ink);border:3px solid var(--color-ink);padding:2px;box-shadow:var(--shadow-sm)}.remote-lang-btn{background:transparent;border:none;color:var(--color-white);padding:.4rem .5rem;cursor:pointer;font-size:.7rem;font-weight:900;letter-spacing:.05em;transition:background .1s ease;text-transform:uppercase}.remote-lang-btn:hover{background:var(--color-accent)}.remote-lang-btn.active{background:var(--color-secondary);color:var(--color-ink)}.remote-now-playing{display:flex;align-items:center;gap:.75rem;background:var(--color-bg);border:3px solid var(--color-ink);padding:.75rem}.playing-info{flex:1;min-width:0}.playing-header-row{display:flex;align-items:center;gap:.5rem;margin-bottom:4px}.playing-label{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink);background:var(--color-secondary);border:2px solid var(--color-ink);padding:2px 6px}.music-wave{display:inline-flex;align-items:center;gap:2px;height:16px}.wave-bar{width:3px;background:var(--color-accent);border:1px solid var(--color-ink);animation:wave-bounce 1s ease-in-out infinite}.wave-bar:nth-child(1){height:30%;animation-delay:0s}.wave-bar:nth-child(2){height:70%;animation-delay:.15s}.wave-bar:nth-child(3){height:50%;animation-delay:.3s}.wave-bar:nth-child(4){height:100%;animation-delay:.45s}@keyframes wave-bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.playing-title{display:block;font-size:.95rem;font-weight:900;color:var(--color-ink);text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.playing-none{display:block;font-size:.9rem;font-weight:700;color:var(--color-ink);text-transform:uppercase;letter-spacing:.05em}.btn-next-remote{background:var(--color-accent);color:var(--color-white);border:4px solid var(--color-ink);padding:.6rem .85rem;display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-sm)}.btn-next-remote:hover{background:var(--color-ink)}.btn-next-remote:active{transform:translate(2px,2px);box-shadow:none}.btn-next-remote:disabled{opacity:.4;cursor:not-allowed}.remote-tabs{display:flex;gap:.5rem;background:var(--color-ink);border:4px solid var(--color-ink);padding:4px;box-shadow:var(--shadow-sm)}.remote-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;background:transparent;color:var(--color-white);border:2px solid transparent;padding:.6rem .75rem;font-size:.85rem;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:background .1s ease,color .1s ease}.remote-tab:hover{background:var(--color-accent)}.remote-tab.active{background:var(--color-secondary);color:var(--color-ink)}.remote-main{flex:1;display:flex;flex-direction:column;gap:.75rem}.remote-search-bar{display:flex;align-items:center;gap:.5rem;background:var(--color-white);border:4px solid var(--color-ink);padding:.6rem .75rem;box-shadow:var(--shadow-sm);transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.remote-search-bar:focus-within{background:var(--color-secondary);transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--color-ink)}.remote-search-bar.listening{background:var(--color-muted)}.remote-search-bar svg.text-secondary{color:var(--color-ink)}.remote-search-bar input{flex:1;background:transparent;border:none;outline:none;color:var(--color-ink);font-size:1rem;font-weight:700;min-width:0;font-family:var(--font-display)}.remote-search-bar input::placeholder{color:var(--color-ink);opacity:.5}.search-actions-mini{display:flex;align-items:center;gap:.5rem}.mic-btn-mini{background:var(--color-ink);color:var(--color-white);border:3px solid var(--color-ink);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-sm)}.mic-btn-mini:hover{background:var(--color-accent)}.mic-btn-mini:active{transform:translate(2px,2px);box-shadow:none}.mic-btn-mini.active{background:var(--color-accent);color:var(--color-white)}.mic-pulse{position:absolute;inset:0;border:3px solid var(--color-accent);animation:neo-pulse 1s linear infinite;pointer-events:none}.clear-search{background:var(--color-ink);color:var(--color-white);border:3px solid var(--color-ink);width:32px;height:32px;padding:6px;cursor:pointer;transition:transform .1s ease}.clear-search:hover{background:var(--color-danger)}.clear-search:active{transform:translate(2px,2px)}.remote-search-modes{display:flex;gap:0;background:var(--color-ink);border:4px solid var(--color-ink);padding:4px;box-shadow:var(--shadow-sm)}.mode-btn{flex:1;background:transparent;color:var(--color-white);border:2px solid transparent;padding:.6rem .75rem;font-size:.85rem;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:background .1s ease,color .1s ease}.mode-btn:hover{background:var(--color-accent)}.mode-btn.active{background:var(--color-secondary);color:var(--color-ink)}.remote-results{display:flex;flex-direction:column;gap:.5rem}.remote-results-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;background:var(--color-white);border:4px solid var(--color-ink);font-weight:900;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm)}.remote-results-loading svg{color:var(--color-ink)}.results-header{display:flex;align-items:center;gap:.5rem;margin:.25rem 0 .5rem}.results-header h3{font-size:.85rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink);background:var(--color-secondary);border:3px solid var(--color-ink);padding:4px 8px;margin:0}.results-header svg{color:var(--color-ink)}.remote-song-card{display:flex;align-items:center;gap:.75rem;background:var(--color-white);border:3px solid var(--color-ink);padding:.5rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-sm)}.remote-song-card:hover{background:var(--color-secondary);transform:translate(-2px,-2px);box-shadow:5px 5px 0 0 var(--color-ink)}.remote-song-card img{width:64px;height:48px;object-fit:cover;border:2px solid var(--color-ink);flex-shrink:0}.remote-song-card .song-info{flex:1;min-width:0}.remote-song-card h4{font-size:.85rem;font-weight:900;margin:0;text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remote-song-card p{font-size:.65rem;font-weight:500;margin:0;opacity:.65;text-transform:uppercase;letter-spacing:.02em}.remote-song-card .add-btn{background:var(--color-ink);color:var(--color-secondary);border:3px solid var(--color-ink);width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:transform .1s ease,background .1s ease}.remote-song-card .add-btn:hover{background:var(--color-accent);color:var(--color-white)}.remote-song-card .add-btn:active{transform:translate(2px,2px)}.remote-queue-list{display:flex;flex-direction:column;gap:.5rem}.remote-queue-item{display:flex;align-items:center;gap:.5rem;background:var(--color-white);border:3px solid var(--color-ink);padding:.5rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;box-shadow:var(--shadow-sm)}.remote-queue-item.is-dragging{background:var(--color-secondary);box-shadow:var(--shadow-md);z-index:100}.remote-queue-item .drag-handle{background:transparent;color:var(--color-ink);cursor:grab;padding:4px;display:flex;align-items:center;justify-content:center}.remote-queue-item .drag-handle:active{cursor:grabbing}.queue-num{background:var(--color-ink);color:var(--color-secondary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:900;font-family:var(--font-mono);flex-shrink:0}.remote-queue-item .remove-btn{background:var(--color-danger);color:var(--color-white);border:2px solid var(--color-ink);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .1s ease,background .1s ease}.remote-queue-item .remove-btn:hover{background:var(--color-ink)}.remote-queue-item .remove-btn:active{transform:translate(2px,2px)}.remote-queue-empty{text-align:center;padding:3rem 1.5rem;color:var(--color-ink);background:var(--color-white);border:4px dashed var(--color-ink);display:flex;flex-direction:column;align-items:center;gap:.75rem}.remote-queue-empty p{font-size:.95rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin:0;max-width:280px}.btn-go-search{background:var(--color-accent);color:var(--color-white);border:4px solid var(--color-ink);padding:.6rem 1.25rem;font-size:.85rem;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);transition:transform .1s ease,background .1s ease}.btn-go-search:hover{background:var(--color-ink)}.btn-go-search:active{transform:translate(2px,2px)}@media(max-width:480px){.remote-container{padding:.5rem}.logo-text{display:none}.session-badge{font-size:.7rem;padding:4px 8px}.remote-lang-btn{padding:.3rem .4rem;font-size:.65rem}.btn-next-remote span{display:none}.btn-next-remote{padding:.6rem}}.custom-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:999999;display:flex;align-items:center;gap:12px;padding:14px 24px;background:var(--color-ink);color:var(--color-white);border:4px solid var(--color-ink);box-shadow:var(--shadow-md);transition:transform .2s ease;max-width:90vw}.toast-message{font-size:.95rem;font-weight:900;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis}.toast-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:3px solid var(--color-white);background:var(--color-secondary);color:var(--color-ink);flex-shrink:0}.toast-success{border-color:var(--color-success)}.toast-success .toast-icon{background:var(--color-success);color:var(--color-ink)}.toast-info{border-color:var(--color-secondary)}.toast-info .toast-icon{background:var(--color-secondary);color:var(--color-ink)}.toast-warning{border-color:var(--color-warning)}.toast-warning .toast-icon{background:var(--color-warning);color:var(--color-ink)}.toast-error{border-color:var(--color-danger)}.toast-error .toast-icon{background:var(--color-danger);color:var(--color-white)}@keyframes neo-slide-up{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}.animate-slide-up{animation:neo-slide-up .35s cubic-bezier(.34,1.56,.64,1) forwards}.confirm-overlay{position:fixed;inset:0;background:var(--color-ink);background-image:radial-gradient(circle,rgba(255,217,61,.2) 2px,transparent 2px);background-size:24px 24px;z-index:20000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.confirm-card{background:var(--color-white);border:4px solid var(--color-ink);border-radius:0;max-width:440px;width:100%;padding:3rem 2rem 2rem;text-align:center;position:relative;box-shadow:var(--shadow-massive);transform:rotate(-1deg)}.confirm-close{position:absolute;top:1rem;right:1rem;background:var(--color-ink);color:var(--color-white);border:3px solid var(--color-ink);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-sm)}.confirm-close:hover{background:var(--color-danger)}.confirm-close:active{transform:translate(2px,2px);box-shadow:none}.confirm-icon-section{display:flex;justify-content:center;margin-bottom:1.5rem}.confirm-icon-bg{width:88px;height:88px;display:flex;align-items:center;justify-content:center;position:relative;border:4px solid var(--color-ink);box-shadow:var(--shadow-md);transform:rotate(-6deg);transition:transform .2s ease}.confirm-card:hover .confirm-icon-bg{transform:rotate(6deg) scale(1.05)}.confirm-icon-bg.warning{background:var(--color-warning);color:var(--color-ink)}.confirm-icon-bg.danger{background:var(--color-danger);color:var(--color-white)}.confirm-content h3{font-size:1.5rem;color:var(--color-ink);margin:0 0 .75rem;font-weight:900;letter-spacing:-.02em;text-transform:uppercase}.confirm-content p{font-size:.95rem;color:var(--color-ink);line-height:1.6;margin:0 0 2rem;padding:0 .25rem;font-weight:500}.confirm-actions{display:flex;gap:.75rem}.confirm-actions button{flex:1;padding:.85rem 1.25rem;border:4px solid var(--color-ink);font-weight:900;font-size:.9rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm)}.btn-confirm-cancel{background:var(--color-white);color:var(--color-ink)}.btn-confirm-cancel:hover{background:var(--color-secondary)}.btn-confirm-cancel:active{transform:translate(2px,2px);box-shadow:none}.btn-confirm-submit.warning{background:var(--color-accent);color:var(--color-white)}.btn-confirm-submit.warning:hover{background:var(--color-ink)}.btn-confirm-submit.warning:active{transform:translate(2px,2px);box-shadow:none}.btn-confirm-submit.danger{background:var(--color-danger);color:var(--color-white)}.btn-confirm-submit.danger:hover{background:var(--color-ink);color:var(--color-secondary)}.btn-confirm-submit.danger:active{transform:translate(2px,2px);box-shadow:none}@media(max-width:480px){.confirm-card{padding:2.5rem 1.5rem 1.5rem;transform:rotate(0)}.confirm-content h3{font-size:1.25rem}.confirm-actions{flex-direction:column;gap:.75rem}.confirm-actions button{width:100%;padding:1rem}}.video-chat-container{position:fixed;top:90px;left:20px;z-index:99999;width:280px;height:auto;min-width:140px;min-height:120px;max-width:80vw;max-height:80vh;display:flex;flex-direction:column;background:var(--color-ink);border:4px solid var(--color-ink);color:var(--color-white);overflow:visible;resize:both;transition:transform .1s ease,box-shadow .1s ease;-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none;box-shadow:var(--shadow-lg)}.video-chat-container:hover,.video-chat-container.vc-dragging{transform:translate(-3px,-3px);box-shadow:11px 11px 0 0 var(--color-accent)}.video-chat-container.vc-dragging{cursor:grabbing}.video-chat-container:after{content:"";position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-right:4px solid var(--color-secondary);border-bottom:4px solid var(--color-secondary);opacity:1;pointer-events:none;z-index:10}.vc-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--color-accent);border-bottom:4px solid var(--color-ink);flex-shrink:0;cursor:grab}.vc-header:active{cursor:grabbing}.vc-title{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--color-white)}.vc-title svg{color:var(--color-white);stroke-width:3}.vc-peer-count{background:var(--color-white);color:var(--color-ink);border:2px solid var(--color-white);padding:1px 6px;font-size:.7rem;font-weight:900;font-family:var(--font-mono);margin-left:.25rem}.vc-header-actions{display:flex;align-items:center;gap:.25rem}.vc-icon-btn{background:var(--color-ink);color:var(--color-secondary);border:2px solid var(--color-ink);width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,background .1s ease;padding:0}.vc-icon-btn:hover{background:var(--color-white);color:var(--color-ink)}.vc-icon-btn:active{transform:translate(1px,1px)}.vc-videos{display:grid;grid-template-columns:1fr;gap:2px;background:var(--color-ink);padding:2px;flex:1;min-height:160px}.vc-videos.multi{grid-template-columns:1fr 1fr}.vc-video-tile{position:relative;background:var(--color-ink);border:2px solid var(--color-secondary);aspect-ratio:4/3;overflow:hidden}.vc-video-tile.local{border-color:var(--color-accent)}.vc-video-tile video{width:100%;height:100%;object-fit:cover;display:block}.vc-video-tile.local video{transform:scaleX(-1)}.vc-tile-label{position:absolute;bottom:4px;left:4px;background:var(--color-ink);color:var(--color-secondary);padding:2px 6px;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--color-ink)}.vc-tile-label.remote-label{background:var(--color-accent);color:var(--color-white)}.vc-tile-mic-off,.vc-tile-cam-off{position:absolute;top:4px;right:4px;background:var(--color-danger);color:var(--color-white);border:2px solid var(--color-ink);width:24px;height:24px;display:flex;align-items:center;justify-content:center}.vc-tile-mic-off{top:auto;bottom:4px;right:4px}.vc-tile-cam-off{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-ink);background-image:radial-gradient(circle,rgba(255,107,107,.2) 2px,transparent 2px);background-size:12px 12px;color:var(--color-danger)}.vc-tile-cam-off svg{width:36px;height:36px}.vc-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:var(--color-ink);border-top:4px solid var(--color-ink);flex-shrink:0}.vc-control-btn{background:var(--color-secondary);color:var(--color-ink);border:3px solid var(--color-ink);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,background .1s ease,color .1s ease;box-shadow:var(--shadow-sm)}.vc-control-btn:hover{background:var(--color-white)}.vc-control-btn:active{transform:translate(2px,2px);box-shadow:none}.vc-control-btn.off{background:var(--color-danger);color:var(--color-white)}.vc-control-btn.accent{background:var(--color-accent);color:var(--color-white)}.vc-control-btn.accent:hover{background:var(--color-white);color:var(--color-accent)}.vc-effects-panel{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--color-white);color:var(--color-ink);border:4px solid var(--color-ink);padding:1rem;width:280px;max-width:90vw;box-shadow:var(--shadow-md);z-index:10;display:flex;flex-direction:column;gap:.5rem}.vc-effects-panel h4{font-size:.85rem;font-weight:900;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink);background:var(--color-secondary);border:3px solid var(--color-ink);padding:4px 8px}.vc-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.vc-preset-btn{background:var(--color-white);color:var(--color-ink);border:3px solid var(--color-ink);padding:.5rem;font-size:.7rem;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:transform .1s ease,background .1s ease,color .1s ease}.vc-preset-btn:hover{background:var(--color-secondary)}.vc-preset-btn.active{background:var(--color-accent);color:var(--color-white)}.vc-preset-btn:active{transform:translate(2px,2px)}.vc-fx-slider{display:flex;flex-direction:column;gap:.25rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.vc-fx-slider label{color:var(--color-ink)}.vc-fx-slider input[type=range]{width:100%;height:6px;background:var(--color-ink);border:2px solid var(--color-ink);appearance:none;-webkit-appearance:none;margin:.25rem 0}.vc-fx-slider input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;background:var(--color-accent);border:3px solid var(--color-ink);cursor:pointer;box-shadow:var(--shadow-sm)}.vc-fx-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--color-accent);border:3px solid var(--color-ink);cursor:pointer}.video-chat-container.collapsed .vc-videos,.video-chat-container.collapsed .vc-controls,.video-chat-container.collapsed .vc-effects-panel{display:none}.vc-collapsed-tab{display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-white);width:52px;height:52px;cursor:pointer;border:4px solid var(--color-ink);box-shadow:var(--shadow-md);transition:transform .1s ease,box-shadow .1s ease}.vc-collapsed-tab:hover{background:var(--color-ink);color:var(--color-secondary);transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--color-accent)}.vc-collapsed-tab:active{transform:translate(2px,2px);box-shadow:none}.video-chat-container.collapsed{width:auto;height:auto;min-width:0;min-height:0;border:none;box-shadow:none;background:transparent}.video-chat-container.collapsed:hover{transform:none;box-shadow:none}@media(max-width:640px){.video-chat-container{width:200px;top:80px;left:10px}.vc-effects-panel{width:240px}}.lobby-container{min-height:100vh;background-color:var(--color-bg);background-image:radial-gradient(circle,rgba(0,0,0,.06) 1.5px,transparent 1.5px);background-size:28px 28px;color:var(--color-ink);padding:60px 20px;max-width:1100px;margin:0 auto}.lobby-header{margin-bottom:50px;display:flex;flex-direction:column;gap:32px}.lobby-brand{display:flex;align-items:center;gap:16px;cursor:pointer;width:fit-content;transition:transform .1s ease;background:var(--color-ink);border:4px solid var(--color-ink);padding:8px 16px;box-shadow:var(--shadow-md)}.lobby-brand:hover{transform:translate(-3px,-3px) rotate(-2deg);box-shadow:8px 8px 0 0 var(--color-accent)}.lobby-logo-img{width:48px;height:48px;object-fit:contain;filter:invert(1);border:3px solid var(--color-secondary)}.lobby-brand-text{display:flex;flex-direction:column}.brand-name{font-size:1.5rem;font-weight:900;color:var(--color-secondary);letter-spacing:-.02em;line-height:1.1;text-transform:uppercase}.brand-tagline{font-size:.8rem;color:var(--color-white);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.lobby-header-main{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:4px solid var(--color-ink)}.lobby-header-left{display:flex;flex-direction:column;gap:8px}.lobby-header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;margin:0;letter-spacing:-.04em;color:var(--color-ink);text-transform:uppercase;line-height:.9}.header-stats{display:flex;align-items:center;gap:8px;color:var(--color-ink);font-size:.9rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:var(--color-secondary);border:3px solid var(--color-ink);padding:4px 10px;width:fit-content;box-shadow:var(--shadow-sm)}.back-btn{display:flex;align-items:center;gap:8px;background:var(--color-white);border:4px solid var(--color-ink);color:var(--color-ink);font-size:.9rem;font-weight:900;cursor:pointer;padding:12px 24px;text-transform:uppercase;letter-spacing:.05em;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-sm)}.back-btn:hover{background:var(--color-accent);color:var(--color-white)}.back-btn:active{transform:translate(2px,2px);box-shadow:none}.lobby-actions{display:flex;justify-content:center;align-items:center;margin-bottom:50px;gap:16px;flex-wrap:wrap}.manual-join{position:relative;width:100%;max-width:420px}.search-icon-input{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-ink);pointer-events:none;z-index:1;stroke-width:3}.manual-join input{width:100%;background:var(--color-white);border:4px solid var(--color-ink);color:var(--color-ink);padding:16px 20px 16px 48px;font-size:1rem;font-weight:700;transition:transform .1s ease,box-shadow .1s ease;box-shadow:var(--shadow-sm);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em}.manual-join input:focus{outline:none;background:var(--color-secondary);transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--color-ink)}.btn-create-room{display:flex;align-items:center;gap:10px;background:var(--color-accent);color:var(--color-white);border:4px solid var(--color-ink);padding:14px 28px;font-size:1rem;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-md)}.btn-create-room:hover{background:var(--color-ink);color:var(--color-secondary)}.btn-create-room:active{transform:translate(3px,3px);box-shadow:none}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.room-card{background:var(--color-white);border:4px solid var(--color-ink);padding:24px;display:flex;flex-direction:column;gap:20px;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.room-card:nth-child(odd){transform:rotate(-.5deg)}.room-card:nth-child(2n){transform:rotate(.5deg)}.room-card:hover{background:var(--color-secondary);transform:translate(-4px,-4px) rotate(0);box-shadow:10px 10px 0 0 var(--color-ink)}.room-card.full{opacity:.6;cursor:not-allowed}.room-card.full:hover{transform:rotate(0);background:var(--color-white);box-shadow:var(--shadow-md)}.room-info h3{font-size:1.25rem;font-weight:900;margin:0 0 12px;color:var(--color-ink);letter-spacing:-.01em;text-transform:uppercase;word-break:break-word}.room-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.room-id{color:var(--color-ink);background:var(--color-bg);padding:4px 10px;font-size:.8rem;font-family:var(--font-mono);font-weight:700;border:3px solid var(--color-ink);text-transform:uppercase}.room-count{display:flex;align-items:center;gap:6px;font-weight:900;font-size:.8rem;background:var(--color-success);border:3px solid var(--color-ink);padding:4px 10px;text-transform:uppercase;letter-spacing:.05em}.text-success{color:var(--color-ink)}.room-actions{display:flex;align-items:center;gap:12px;margin-top:auto}.btn-join{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--color-ink);color:var(--color-white);border:4px solid var(--color-ink);padding:12px 20px;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-sm)}.btn-join:hover{background:var(--color-accent);color:var(--color-white)}.btn-join:active{transform:translate(2px,2px);box-shadow:none}.btn-join.disabled{background:var(--color-bg);color:var(--color-ink);border-style:dashed;cursor:not-allowed;box-shadow:none}.btn-delete{background:var(--color-white);color:var(--color-danger);border:4px solid var(--color-ink);width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-sm)}.btn-delete:hover{background:var(--color-danger);color:var(--color-white)}.btn-delete:active{transform:translate(2px,2px);box-shadow:none}.empty-rooms{grid-column:1 / -1;text-align:center;padding:60px 40px;background:var(--color-white);border:4px dashed var(--color-ink);display:flex;flex-direction:column;align-items:center;gap:.5rem}.empty-rooms p{color:var(--color-ink);margin:0;font-size:1.1rem;font-weight:900;text-transform:uppercase}.empty-rooms button{background:var(--color-accent);border:4px solid var(--color-ink);color:var(--color-white);padding:12px 32px;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:transform .1s ease,box-shadow .1s ease;box-shadow:var(--shadow-sm);margin-top:1rem}.empty-rooms button:hover{background:var(--color-ink)}.empty-rooms button:active{transform:translate(2px,2px);box-shadow:none}.lobby-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 0;color:var(--color-ink);font-weight:900;text-transform:uppercase;letter-spacing:.05em}.lobby-loading svg{width:56px;height:56px;color:var(--color-ink);background:var(--color-secondary);border:4px solid var(--color-ink);padding:12px}.lobby-loading .text-primary{color:var(--color-ink)}.modal-overlay{position:fixed;inset:0;background:var(--color-ink);background-image:radial-gradient(circle,rgba(255,107,107,.15) 2px,transparent 2px);background-size:24px 24px;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100000}.modal-card{background:var(--color-white);border:4px solid var(--color-ink);padding:2.5rem 2rem;max-width:500px;width:100%;text-align:center;box-shadow:var(--shadow-massive);transform:rotate(-1deg)}.modal-card h2{font-size:1.75rem;margin:0 0 .75rem;color:var(--color-ink);font-weight:900;text-transform:uppercase;letter-spacing:-.02em}.modal-card p{color:var(--color-ink);margin:0 0 1.5rem;font-weight:500}.room-name-input{width:100%;background:var(--color-bg);border:4px solid var(--color-ink);color:var(--color-ink);padding:16px 20px;margin-bottom:1.5rem;font-size:1rem;font-weight:700;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-sm)}.room-name-input:focus{outline:none;background:var(--color-secondary);transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--color-ink)}.modal-btns{display:flex;gap:.75rem}.btn-cancel{flex:1;background:var(--color-white);border:4px solid var(--color-ink);color:var(--color-ink);padding:14px;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:transform .1s ease,box-shadow .1s ease;box-shadow:var(--shadow-sm)}.btn-cancel:hover{background:var(--color-secondary)}.btn-cancel:active{transform:translate(2px,2px);box-shadow:none}.btn-confirm{flex:2;background:var(--color-accent);border:4px solid var(--color-ink);color:var(--color-white);padding:14px;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:var(--shadow-sm)}.btn-confirm:hover{background:var(--color-ink)}.btn-confirm:active{transform:translate(2px,2px);box-shadow:none}@media(max-width:640px){.lobby-header h1{font-size:2rem;margin-top:40px}.rooms-grid{grid-template-columns:1fr}.modal-card{padding:2rem 1.5rem;transform:rotate(0)}}.app-container{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background-color:var(--color-bg);color:var(--color-ink);position:relative}.app-container:before,.app-container:after{content:"";position:absolute;pointer-events:none;z-index:0;border:4px solid var(--color-ink)}.app-container:before{top:120px;left:4%;width:60px;height:60px;background:var(--color-secondary);transform:rotate(-12deg);box-shadow:var(--shadow-md)}.app-container:after{top:220px;right:5%;width:50px;height:50px;background:var(--color-muted);border-radius:9999px;box-shadow:var(--shadow-md)}.app-main-wrapper{flex:1;height:100%;position:relative;z-index:1;display:flex;flex-direction:column}.room-mode{display:flex!important;flex-direction:row!important;width:100vw;height:100vh;overflow:hidden}.room-sidebar{width:300px;background:var(--color-bg);border-right:4px solid var(--color-ink);height:100%;z-index:1001;overflow-y:auto;flex-shrink:0}@media(max-width:1024px){.room-mode{flex-direction:column!important}.room-sidebar{width:100%;height:auto;max-height:250px;border-right:none;border-bottom:4px solid var(--color-ink);position:relative;top:0;z-index:1001}.room-mode .app-main-wrapper{height:calc(100% - 250px)}.room-mode .top-nav{left:0;width:100%}}.top-nav{position:fixed;top:0;left:0;right:0;height:calc(88px + env(safe-area-inset-top,0px));z-index:1000;background:var(--color-bg);border-bottom:4px solid var(--color-ink);padding:0 1.5rem;padding-top:calc(.75rem + env(safe-area-inset-top,0px));padding-bottom:.75rem;display:flex;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;transform:translateY(-100%);opacity:0}.top-nav.scrolled{transform:translateY(0);opacity:1;background:var(--color-secondary);box-shadow:var(--shadow-md)}@media(max-width:768px){.top-nav{transform:translateY(0);opacity:1;background:var(--color-bg);border-bottom:4px solid var(--color-ink);height:calc(76px + env(safe-area-inset-top,0px));padding-top:calc(.5rem + env(safe-area-inset-top,0px));padding-bottom:.5rem}.top-nav.scrolled{background:var(--color-secondary);box-shadow:var(--shadow-sm)}.app-header{padding-top:calc(76px + env(safe-area-inset-top,0px) + 1.5rem)!important}.hidden-search{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.nav-search-wrapper{min-width:0}.logo-text-wrap{display:none!important}.logo-icon.small{width:48px;height:48px}.nav-fullscreen-btn span{display:none}.home-fullscreen-btn{display:none!important}}.nav-content{width:100%;max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.nav-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.nav-search-wrapper{flex:1;max-width:750px;min-width:0}.nav-fullscreen-btn{background:var(--color-ink);color:var(--color-white);border:4px solid var(--color-ink);height:48px;padding:0 1rem;border-radius:0;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;white-space:nowrap;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm)}.nav-fullscreen-btn:hover{background:var(--color-accent);color:var(--color-white)}.nav-fullscreen-btn:active{transform:translate(2px,2px);box-shadow:none}.theme-toggle-btn{background:var(--color-white);color:var(--color-ink);border:4px solid var(--color-ink);height:48px;width:48px;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.theme-toggle-btn:hover{background:var(--color-secondary)}.theme-toggle-btn:active{transform:translate(2px,2px);box-shadow:none}.home-fullscreen-btn{position:fixed;top:30px;right:30px;height:52px;padding:0 1.25rem;background:var(--color-accent);border:4px solid var(--color-ink);color:var(--color-white);border-radius:0;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;z-index:2500;transition:transform .1s ease,box-shadow .1s ease;box-shadow:var(--shadow-md);font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.home-fullscreen-btn:hover{background:var(--color-ink);color:var(--color-secondary)}.home-fullscreen-btn:active{transform:translate(4px,4px);box-shadow:none}.home-fullscreen-btn.hidden{opacity:0;transform:scale(.8) translateY(-20px);pointer-events:none}.logo-container.compact{cursor:pointer;transition:transform .1s ease;display:flex;align-items:center;gap:.5rem}.logo-container.compact:hover{transform:rotate(-2deg) scale(1.05)}.logo-container.compact:active{transform:scale(.95)}.logo-icon.small{width:52px;height:52px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-ink);border:4px solid var(--color-ink);box-shadow:var(--shadow-sm)}.nav-logo-img{width:100%;height:100%;object-fit:contain;filter:invert(1)}.header-logo-img{width:100%;height:100%;object-fit:contain}.app-title-nav{font-size:1.25rem;letter-spacing:-.04em;font-weight:900;color:var(--color-ink);white-space:nowrap;text-transform:uppercase}.logo-text-wrap{display:flex;align-items:center}.app-header{transition:all .4s cubic-bezier(.4,0,.2,1);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:8rem 2rem 4rem;text-align:left;position:relative}.app-header.hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(-20px) scale(.98)}.header-left-col{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:1rem}.header-left-col .logo-container{justify-content:flex-start;margin-bottom:.5rem;align-items:center;gap:1rem}.logo-container{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.logo-icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:var(--color-ink);border:4px solid var(--color-ink);box-shadow:var(--shadow-lg);transform:rotate(-3deg);flex-shrink:0}.app-title{font-size:clamp(1.75rem,4.5vw,3.25rem);font-weight:900;letter-spacing:-.04em;line-height:.9;text-transform:uppercase;color:var(--color-ink);white-space:nowrap}.text-gradient{color:var(--color-accent);-webkit-text-stroke:2px var(--color-ink)}.brand-cursive{font-family:inherit;font-weight:900;font-style:italic;letter-spacing:0;padding-left:.5rem;color:var(--color-accent)}.app-title-nav .brand-cursive{font-size:1.25rem;padding-left:.25rem}.app-subtitle{color:var(--color-ink);font-size:1.1rem;font-weight:700;max-width:600px;line-height:1.5;margin-top:.5rem;background:var(--color-white);padding:.75rem 1rem;border:4px solid var(--color-ink);box-shadow:var(--shadow-sm);display:inline-block;align-self:flex-start}.app-header .header-left-col:after{content:"★";position:absolute;top:6rem;left:-1rem;font-size:3rem;color:var(--color-secondary);-webkit-text-stroke:2px var(--color-ink);transform:rotate(-15deg);pointer-events:none;animation:neo-wiggle 2.5s ease-in-out infinite}.header-lang-container{position:absolute;top:96px;left:2rem;display:flex;gap:8px;z-index:10}.language-selector{display:flex;align-items:center;gap:0;background:var(--color-white);border:4px solid var(--color-ink);padding:4px;flex-shrink:0;box-shadow:var(--shadow-sm)}.lang-btn{background:transparent;border:none;color:var(--color-ink);padding:.5rem .75rem;border-radius:0;cursor:pointer;font-size:.75rem;font-weight:900;letter-spacing:.05em;transition:background .1s ease,color .1s ease;white-space:nowrap;line-height:1;text-transform:uppercase}.lang-btn:hover{background:var(--color-secondary)}.lang-btn.active{color:var(--color-white);background:var(--color-ink)}@media(max-width:768px){.language-selector{padding:2px}.lang-btn{padding:.4rem .5rem;font-size:.7rem}}@media(max-width:1024px){.app-header{grid-template-columns:1fr;text-align:center;gap:2rem;padding:6rem 1.5rem 3rem}.header-left-col{align-items:center;text-align:center}.header-left-col .logo-container{justify-content:center}.app-subtitle{margin:.5rem auto 0}.header-lang-container{top:80px;left:1rem}}.header-qr-container{display:flex;justify-content:center;width:100%;margin-top:30px;padding:0 20px}.qr-card.inline-qr{display:flex;flex-direction:row;gap:2rem;align-items:center;padding:1.75rem;background:var(--color-white);border:4px solid var(--color-ink);box-shadow:var(--shadow-lg);border-radius:0;max-width:580px;width:100%;position:relative;transform:rotate(1deg)}.qr-card.inline-qr .qr-left{flex-shrink:0;gap:.75rem}.qr-card.inline-qr .qr-code-wrapper{margin-bottom:.25rem;padding:10px;background:var(--color-white);border:4px solid var(--color-ink);border-radius:0}.qr-card.inline-qr .qr-code-wrapper svg{width:130px!important;height:130px!important}.qr-right-compact{display:flex;flex-direction:column;align-items:flex-start;flex:1;text-align:left}.qr-right-compact .qr-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.qr-right-compact .qr-header h2{font-size:1.35rem;font-weight:900;margin:0;color:var(--color-ink);text-transform:uppercase;letter-spacing:-.02em}.qr-right-compact .qr-intro{font-size:.9rem;color:var(--color-ink);margin-bottom:1rem;line-height:1.5;font-weight:500}.qr-copy-btn.compact{background:var(--color-ink);color:var(--color-white);border:4px solid var(--color-ink);padding:.5rem 1rem;border-radius:0;font-size:.8rem;font-weight:700;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;display:flex;align-items:center;gap:.4rem;margin-top:0;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm)}.qr-copy-btn.compact:hover{background:var(--color-accent);color:var(--color-white)}.qr-copy-btn.compact:active{transform:translate(2px,2px);box-shadow:none}@media(max-width:640px){.qr-card.inline-qr{flex-direction:column;padding:1.25rem;gap:1.25rem;text-align:center;transform:rotate(0)}.qr-right-compact{align-items:center;text-align:center}.qr-right-compact .qr-header{justify-content:center}.qr-copy-btn.compact{width:100%;justify-content:center}}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem 4rem;position:relative;z-index:1}@media(max-width:640px){.main-content{padding:0 1rem 3rem}}.hidden-search{opacity:0;pointer-events:none;visibility:hidden;transform:scale(.95) translateY(-10px);transition:all .4s cubic-bezier(.4,0,.2,1)}.category-section{margin-bottom:1.5rem}.category-scroll{overflow-x:auto;padding:.5rem 0 1.5rem;margin-bottom:1.5rem;-ms-overflow-style:none;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.category-list{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;min-width:min-content;padding:.5rem}.category-chip{padding:.75rem 1.5rem;border-radius:9999px;background:var(--color-white);border:4px solid var(--color-ink);color:var(--color-ink);font-weight:900;font-size:.9rem;white-space:nowrap;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease,color .1s ease;text-transform:uppercase;letter-spacing:.03em;box-shadow:var(--shadow-sm);text-decoration:none;display:inline-block}.category-chip:hover{background:var(--color-secondary);transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--color-ink)}.category-chip:active{transform:translate(2px,2px);box-shadow:0 0 0 0 var(--color-ink)}.category-chip.active{background:var(--color-accent);color:var(--color-white);transform:translate(0) rotate(-1deg);box-shadow:var(--shadow-md)}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-left:0;position:relative}.section-header h2{font-size:1.5rem;color:var(--color-ink);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1}.text-secondary{color:var(--color-accent)}.section-header svg{background:var(--color-secondary);border:3px solid var(--color-ink);padding:6px;width:36px;height:36px;color:var(--color-ink)}.ai-playlists-section{margin-bottom:3rem}.ai-playlists-grid{display:flex;gap:1.25rem;overflow-x:auto;padding:.5rem 0 1.5rem;-ms-overflow-style:none;scrollbar-width:none}.ai-playlists-grid::-webkit-scrollbar{display:none}.ai-playlist-card{min-width:280px;background:var(--color-white);border:4px solid var(--color-ink);border-radius:0;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;transition:transform .1s ease,box-shadow .1s ease;box-shadow:var(--shadow-md)}.ai-playlist-card:hover{background:var(--color-secondary);transform:translate(-3px,-3px);box-shadow:9px 9px 0 0 var(--color-ink)}.ai-playlist-card:nth-child(odd){transform:rotate(-1deg)}.ai-playlist-card:nth-child(2n){transform:rotate(1deg)}.ai-playlist-card:hover{transform:translate(-3px,-3px) rotate(0)}.playlist-info h3{margin:0 0 .25rem;font-size:1rem;color:var(--color-ink);font-weight:900;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.playlist-info p{margin:0;font-size:.8rem;color:var(--color-ink);font-weight:500}.playlist-actions{display:flex;align-items:center;gap:.5rem}.btn-play-mini{background:var(--color-accent);color:var(--color-white);border:3px solid var(--color-ink);padding:6px;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;box-shadow:var(--shadow-sm)}.btn-play-mini:hover{background:var(--color-ink)}.btn-play-mini:active{transform:translate(2px,2px);box-shadow:none}.btn-delete-mini{background:var(--color-white);color:var(--color-ink);border:3px solid var(--color-ink);padding:6px;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;box-shadow:var(--shadow-sm)}.btn-delete-mini:hover{background:var(--color-danger);color:var(--color-white)}.btn-delete-mini:active{transform:translate(2px,2px);box-shadow:none}@media(max-width:640px){.ai-playlist-card{min-width:240px;padding:1rem}}.results-container{margin-top:1rem;margin-bottom:4rem}.seo-content-section{margin:6rem 0 2rem;padding:4rem 2rem;background:var(--color-white);border:4px solid var(--color-ink);border-radius:0;box-shadow:var(--shadow-xl);position:relative}.seo-content-section:before{content:"ℹ️";position:absolute;top:-28px;left:24px;background:var(--color-muted);border:4px solid var(--color-ink);padding:8px 16px;font-size:1rem;font-weight:900;text-transform:uppercase;color:var(--color-ink);box-shadow:var(--shadow-sm)}.seo-layout-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:start}@media(max-width:1024px){.seo-layout-grid{grid-template-columns:1fr;gap:3rem}}.seo-info-col{display:flex;flex-direction:column;gap:1.5rem}.seo-tabs-header{display:flex;gap:6px;background:var(--color-bg);padding:6px;border:4px solid var(--color-ink);border-radius:0;box-shadow:var(--shadow-sm)}.seo-tab-btn{flex:1;background:transparent;border:2px solid transparent;color:var(--color-ink);padding:10px 14px;font-size:.85rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:background .1s ease,color .1s ease;white-space:nowrap}.seo-tab-btn:hover{background:var(--color-secondary)}.seo-tab-btn.active{background:var(--color-ink);color:var(--color-white)}.seo-tab-content{background:var(--color-bg);border:4px solid var(--color-ink);border-radius:0;padding:2rem;min-height:250px;text-align:left;box-shadow:var(--shadow-sm)}.tab-pane h3{font-size:1.25rem;font-weight:900;color:var(--color-ink);margin-top:0;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:-.01em}.tab-pane p{color:var(--color-ink);line-height:1.7;font-size:.95rem;margin-bottom:1.5rem;font-weight:500}.tab-pane p:last-child{margin-bottom:0}.tab-divider{height:4px;background:var(--color-ink);margin:1.5rem 0}.seo-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.seo-list li{position:relative;padding:.75rem 1rem .75rem 2.5rem;background:var(--color-white);border:3px solid var(--color-ink);font-weight:700;font-size:.95rem}.seo-list li:before{content:"★";position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-ink);background:var(--color-secondary);width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:900;border:2px solid var(--color-ink)}.seo-list li strong{color:var(--color-accent);font-weight:900;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;display:inline-block;margin-right:.5rem;background:var(--color-ink);color:var(--color-white);padding:2px 6px}.seo-faq-col{display:flex;flex-direction:column;gap:1.5rem}.seo-faq-col .faq-main-title{font-size:1.5rem;font-weight:900;color:var(--color-ink);margin:0;text-align:left;letter-spacing:-.02em;text-transform:uppercase;background:var(--color-accent);color:var(--color-white);padding:.5rem 1rem;border:4px solid var(--color-ink);box-shadow:var(--shadow-sm);display:inline-block;align-self:flex-start}.faq-list{display:flex;flex-direction:column;gap:.75rem;max-width:100%;width:100%}.faq-item{background:var(--color-white);border:4px solid var(--color-ink);border-radius:0;overflow:hidden;transition:transform .1s ease,box-shadow .1s ease;padding:0;margin-bottom:0;box-shadow:var(--shadow-sm)}.faq-item:hover{background:var(--color-bg);transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--color-ink)}.faq-item.expanded{background:var(--color-muted);transform:translate(0);box-shadow:var(--shadow-md)}.faq-question-btn{width:100%;background:none;border:none;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;color:var(--color-ink);cursor:pointer;text-align:left;outline:none}.faq-q{font-size:1rem;font-weight:900;margin:0;color:var(--color-ink);line-height:1.4;text-transform:uppercase;letter-spacing:-.01em}.faq-chevron{color:var(--color-ink);background:var(--color-secondary);border:3px solid var(--color-ink);width:32px;height:32px;padding:4px;flex-shrink:0;margin-left:1rem;transition:transform .2s ease}.faq-item.expanded .faq-chevron{transform:rotate(180deg);background:var(--color-ink);color:var(--color-white)}.faq-answer-wrapper{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s ease;padding:0 1.5rem}.faq-item.expanded .faq-answer-wrapper{max-height:250px;padding-bottom:1.25rem}.faq-a{color:var(--color-ink);font-size:.95rem;line-height:1.6;margin:0;font-weight:500;background:var(--color-white);border:3px solid var(--color-ink);padding:.75rem 1rem}@media(max-width:768px){.seo-content-section{margin:4rem 0 1rem;padding:2.5rem 1.5rem}.seo-faq-col .faq-main-title{font-size:1.25rem}}.app-footer{padding:4rem 1.5rem;padding-bottom:calc(4rem + env(safe-area-inset-bottom,0px));background:var(--color-ink);color:var(--color-white);border-top:4px solid var(--color-ink);margin-top:4rem;position:relative;z-index:1}.app-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-secondary)}.footer-content{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-sitemap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;width:100%;padding-bottom:2rem;margin-bottom:2rem;border-bottom:4px solid var(--color-white);text-align:left}.footer-disclaimer{display:flex;align-items:flex-start;gap:1rem;width:100%;background:var(--color-accent);color:var(--color-white);border:4px solid var(--color-ink);box-shadow:var(--shadow-md);padding:1.25rem 1.5rem;margin-bottom:2rem;position:relative;transform:rotate(-.5deg)}.disclaimer-icon{font-size:2rem;line-height:1;flex-shrink:0;background:var(--color-ink);color:var(--color-secondary);border:3px solid var(--color-white);width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:900;box-shadow:var(--shadow-sm)}.disclaimer-text{margin:0;font-size:.9rem;font-weight:700;line-height:1.5;letter-spacing:.01em;color:var(--color-white);flex:1}@media(max-width:640px){.footer-disclaimer{flex-direction:column;gap:.75rem;padding:1rem;transform:rotate(0)}.disclaimer-icon{width:40px;height:40px;font-size:1.5rem}.disclaimer-text{font-size:.8rem}}.footer-liability{display:flex;align-items:flex-start;gap:1rem;width:100%;background:var(--color-secondary);color:var(--color-ink);border:4px solid var(--color-ink);box-shadow:var(--shadow-md);padding:1.25rem 1.5rem;margin-bottom:2rem;position:relative;transform:rotate(.5deg)}.liability-icon{font-size:2rem;font-weight:900;line-height:1;flex-shrink:0;background:var(--color-ink);color:var(--color-accent);border:3px solid var(--color-ink);width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);box-shadow:var(--shadow-sm)}.liability-text{margin:0;font-size:.9rem;font-weight:700;line-height:1.5;letter-spacing:.01em;color:var(--color-ink);flex:1}@media(max-width:640px){.footer-liability{flex-direction:column;gap:.75rem;padding:1rem;transform:rotate(0)}.liability-icon{width:40px;height:40px;font-size:1.5rem}.liability-text{font-size:.8rem}}.sitemap-column{display:flex;flex-direction:column;gap:.75rem}.sitemap-column h4{color:var(--color-secondary);font-size:1rem;margin-bottom:.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.sitemap-column a,.footer-link-btn{color:var(--color-white);text-decoration:none;font-size:.9rem;font-weight:700;transition:color .1s ease;background:none;border:none;padding:0;cursor:pointer;text-align:left;display:block;text-transform:uppercase;letter-spacing:.03em}.sitemap-column a:hover,.footer-link-btn:hover{color:var(--color-accent)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.copyright{color:var(--color-white);font-size:.9rem;font-weight:700;text-align:center}.copyright strong{color:var(--color-secondary)}.share-section{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;padding:.75rem 1.25rem;background:var(--color-white);color:var(--color-ink);border:4px solid var(--color-white);box-shadow:var(--shadow-sm)}.share-text{font-size:.85rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.share-buttons{display:flex;gap:.75rem}.share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:9999px;color:var(--color-white);transition:transform .1s ease,box-shadow .1s ease;cursor:pointer;border:3px solid var(--color-ink)}.share-btn.fb,.share-btn.link{background:var(--color-ink);color:var(--color-secondary)}.share-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)}.share-btn:active{transform:translate(2px,2px);box-shadow:none}.share-btn.link:hover{background:var(--color-accent);color:var(--color-white)}.footer-tagline{display:flex;align-items:center;gap:.4rem;color:var(--color-white);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.heart-icon{color:var(--color-accent);animation:neo-bounce 1.4s ease-in-out infinite}@media(max-width:768px){.app-title{font-size:1.5rem}.category-list{justify-content:flex-start}}.mini-footer{position:fixed;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));right:1.25rem;left:auto;transform:none!important;background:var(--color-ink);color:var(--color-white);border:2px solid var(--color-ink);padding:.3rem .55rem;display:flex;align-items:center;gap:.4rem;z-index:2000;box-shadow:var(--shadow-sm);font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;transition:transform .1s ease,box-shadow .1s ease;pointer-events:auto;white-space:nowrap;width:fit-content}.mini-footer:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 0 var(--color-accent)}.mini-footer strong{color:var(--color-secondary);font-weight:700}.mini-fb-icon{width:18px;height:18px;background:var(--color-secondary);color:var(--color-ink);display:flex;align-items:center;justify-content:center;border:1.5px solid var(--color-ink);transition:transform .1s ease}.mini-fb-icon:hover{transform:rotate(15deg) scale(1.1)}@media(max-width:768px){.mini-footer{right:.75rem;bottom:calc(.5rem + env(safe-area-inset-bottom,0px));font-size:.55rem;gap:.3rem;padding:.25rem .45rem}.mini-fb-icon{width:14px;height:14px}}body.modal-open{overflow:hidden}body.modal-open .top-nav,body.modal-open .mini-footer,body.modal-open .app-header,body.modal-open .app-footer{display:none}.resume-overlay{position:fixed;inset:0;background:var(--color-ink);background-image:radial-gradient(circle,rgba(255,217,61,.2) 2px,transparent 2px);background-size:24px 24px;z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem}.resume-card{background:var(--color-white);border:4px solid var(--color-ink);padding:3rem 2.5rem 2.5rem;border-radius:0;max-width:480px;width:100%;text-align:center;box-shadow:var(--shadow-massive);position:relative}.resume-icon-wrap{width:88px;height:88px;background:var(--color-accent);border:4px solid var(--color-ink);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:var(--shadow-md);transform:rotate(-3deg);color:var(--color-white)}.resume-card h2{font-size:1.75rem;font-weight:900;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:-.02em}.resume-card p{color:var(--color-ink);line-height:1.6;margin-bottom:2rem;font-weight:500}.resume-btns{display:flex;gap:1rem}.resume-btns button{flex:1;padding:1rem;border:4px solid var(--color-ink);font-weight:900;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;white-space:nowrap;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm)}.resume-btns .btn-cancel{background:var(--color-white);color:var(--color-ink)}.resume-btns .btn-cancel:hover{background:var(--color-secondary)}.resume-btns .btn-cancel:active{transform:translate(2px,2px);box-shadow:none}.resume-btns .btn-confirm{background:var(--color-accent);color:var(--color-white)}.resume-btns .btn-confirm:hover{background:var(--color-ink)}.resume-btns .btn-confirm:active{transform:translate(2px,2px);box-shadow:none}@media(max-width:768px){.resume-card{padding:2rem 1.5rem}.resume-card h2{font-size:1.5rem}.resume-btns{gap:.75rem}.resume-btns button{padding:.8rem .5rem;font-size:.85rem}}.qr-overlay{position:fixed;inset:0;background:var(--color-ink);background-image:radial-gradient(circle,rgba(255,107,107,.2) 2px,transparent 2px);background-size:24px 24px;z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem}.qr-card{background:var(--color-white);border:4px solid var(--color-ink);padding:2.5rem;border-radius:0;max-width:650px;width:90%;text-align:left;box-shadow:var(--shadow-massive);position:relative;transform:rotate(-1deg)}.qr-body{display:flex;gap:2rem;align-items:center}.qr-left{display:flex;flex-direction:column;align-items:center;gap:1rem;flex-shrink:0}.qr-right{display:flex;flex-direction:column;flex:1}.session-compact{background:var(--color-bg);padding:.6rem 1.25rem;border:4px solid var(--color-ink);display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-sm)}.session-compact span{font-size:.85rem;color:var(--color-ink);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.session-compact strong{color:var(--color-accent);margin-left:.4rem;font-size:1.1rem;letter-spacing:.1em;font-weight:900;font-family:var(--font-mono)}.qr-refresh-btn{background:var(--color-ink);color:var(--color-white);border:3px solid var(--color-ink);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;margin-left:.25rem;box-shadow:3px 3px 0 0 var(--color-accent)}.qr-refresh-btn:hover{background:var(--color-accent)}.qr-refresh-btn:active{transform:translate(2px,2px) rotate(180deg);box-shadow:none}.qr-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.qr-header h2{color:var(--color-ink);font-weight:900;font-size:1.5rem;margin:0;letter-spacing:-.02em;text-transform:uppercase}.qr-header svg{background:var(--color-secondary);border:3px solid var(--color-ink);padding:6px;width:40px;height:40px;color:var(--color-ink)}.qr-close{position:absolute;top:1rem;right:1rem;background:var(--color-ink);color:var(--color-white);border:3px solid var(--color-ink);font-size:1.5rem;font-weight:900;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;box-shadow:var(--shadow-sm)}.qr-close:hover{background:var(--color-danger)}.qr-close:active{transform:translate(2px,2px);box-shadow:none}.qr-intro{color:var(--color-ink);font-size:.95rem;margin-bottom:1.5rem;line-height:1.5;font-weight:500}.qr-code-wrapper{background:var(--color-white);padding:1rem;border:4px solid var(--color-ink);display:inline-block;margin-bottom:1rem;box-shadow:var(--shadow-md);transition:transform .1s ease}.qr-code-wrapper:hover{transform:rotate(2deg) scale(1.05)}.qr-copy-btn{margin-top:1.25rem;background:var(--color-ink);color:var(--color-white);border:4px solid var(--color-ink);padding:.65rem 1.25rem;font-size:.85rem;font-weight:900;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;width:fit-content;display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm)}.qr-copy-btn:hover{background:var(--color-accent)}.qr-copy-btn:active{transform:translate(2px,2px);box-shadow:none}.qr-steps{display:flex;flex-direction:column;gap:.75rem;text-align:left}.qr-step{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--color-ink);font-weight:700}.step-num{width:36px;height:36px;background:var(--color-accent);color:var(--color-white);border:3px solid var(--color-ink);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;flex-shrink:0;box-shadow:var(--shadow-sm);font-family:var(--font-mono)}@media(max-width:768px){.qr-overlay{padding:1rem}.qr-card{padding:1.5rem 1.25rem;width:100%;max-width:100%;transform:rotate(0);max-height:90vh;max-height:90dvh;overflow-y:auto}.qr-body{flex-direction:column;gap:1.25rem;text-align:center}.qr-left{gap:.75rem}.qr-code-wrapper{padding:.85rem}.qr-code-wrapper svg{width:140px!important;height:140px!important}.session-compact{padding:.5rem 1rem}.session-compact strong{font-size:.95rem}.qr-right{align-items:center}.qr-step{font-size:.85rem}.step-num{width:28px;height:28px;font-size:.8rem}.qr-copy-btn{width:100%;margin-top:.75rem;padding:.75rem 1rem}.qr-header h2{font-size:1.25rem}.qr-header svg{width:32px;height:32px}.qr-close{top:.75rem;right:.75rem;width:36px;height:36px;font-size:1.25rem}}@media(max-height:650px)and (max-width:768px){.qr-card{padding:1rem}.qr-intro{margin-bottom:.75rem;font-size:.8rem}.qr-body{gap:1rem}.qr-code-wrapper{padding:.6rem;margin-bottom:.5rem}.qr-code-wrapper svg{width:110px!important;height:110px!important}.qr-steps{gap:.5rem}.qr-step{font-size:.8rem;gap:.75rem}.step-num{width:24px;height:24px;font-size:.75rem}.qr-copy-btn{margin-top:.5rem;padding:.6rem 1rem;font-size:.8rem}}.typing-mode .top-nav{transform:translateY(0)!important;opacity:1!important;visibility:visible!important;background:var(--color-secondary)!important;z-index:5000;box-shadow:var(--shadow-md)!important}.initial-state .hero-search-wrapper{margin-top:2rem;margin-bottom:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.initial-state .hero-search-wrapper .search-container{max-width:720px;transition:all .4s cubic-bezier(.4,0,.2,1)}.initial-state .category-scroll{margin-bottom:3rem;transition:all .4s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.initial-state .hero-search-wrapper{margin-top:1.5rem;margin-bottom:1.5rem}.initial-state .category-scroll{margin-bottom:2.5rem}}@media(max-width:640px){.top-nav{padding:0 .75rem}.nav-content{gap:.75rem;padding:0 .5rem}.app-title{font-size:1.25rem;letter-spacing:-.02em}.logo-icon{width:64px;height:64px}.logo-container.compact{display:flex;gap:0}.nav-fullscreen-btn{display:flex}.nav-search-wrapper{max-width:100%;flex:1;min-width:0;margin:0 auto}.logo-icon.small{width:36px;height:36px}.main-content>div:first-child:has(.search-container){display:none}}@media(max-width:500px){.app-title-nav{display:none}.logo-container.compact{gap:0}}