*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #6a6a6a;--surface: #252525;--surface-2: #2e2e2e;--border: #3a3a3a;--text: #e0e0e0;--text-dim: #888;--accent: #c8a84b;--green: #2ecc71;--yellow: #f1c40f;--red: #e74c3c;--lcd-bg: #1a2a1a;--lcd-text: #7fff7f;--radius: 6px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Courier New,Courier,monospace;-webkit-user-select:none;user-select:none}button{cursor:pointer;font-family:inherit;border:none;background:none}button:disabled{opacity:.35;cursor:not-allowed}input[type=range]{cursor:pointer;accent-color:var(--accent)}.auth-screen{position:fixed;inset:0;overflow:hidden;background:#fff;font-family:Afacad,sans-serif}.auth-intro{position:fixed;inset:0;z-index:100;overflow:hidden;pointer-events:none}.auth-intro-scanlines{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--vhs-scan-op, 1);background:repeating-linear-gradient(to bottom,rgba(0,0,0,.32) 0,rgba(0,0,0,.32) 1px,transparent 1px,transparent var(--vhs-scan-gap, 3px))}.auth-intro-red{position:absolute;top:0;left:0;width:116vw;height:215vh;display:block;transform:translate(0);transition:transform .95s cubic-bezier(.76,0,.24,1)}.auth-intro--slide .auth-intro-red{transform:translate(-120vw)}.auth-intro-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(168px,21vw,308px);height:clamp(168px,21vw,308px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease,transform .45s ease-out}.auth-intro-logo--in{opacity:1}.auth-intro--fade .auth-intro-logo{opacity:0;transform:translate(-50%,-50%) scale(2)}.auth-intro-tape{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(309px,38.2vw,564px);height:auto;opacity:1;transition:opacity .5s ease;pointer-events:none}.auth-intro-tape--hidden{opacity:0}.auth-stage{position:absolute;inset:0;filter:url(#vhs-global)}.auth-stage--glitch{filter:url(#vhs-shift);pointer-events:none;clip-path:inset(var(--vhs-band-top, 120%) 0 calc(100% - var(--vhs-band-top, 120%) - var(--vhs-band-h, 8%)) 0);will-change:clip-path}.vhs-svg{position:absolute;width:0;height:0;pointer-events:none}.vhs-overlay{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden;animation:vhs-flicker 3.5s steps(24) infinite}.vhs-overlay>div{position:absolute}.vhs-grain{inset:-30%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:170px 170px;opacity:var(--vhs-grain-op, .22);animation:vhs-grain var(--vhs-grain-speed, .45s) steps(5) infinite}.vhs-glitch{inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 26px,rgba(0,255,255,.1) 26px,rgba(0,255,255,.1) 28px,transparent 28px,transparent 54px,rgba(255,0,110,.1) 54px,rgba(255,0,110,.1) 56px);opacity:var(--vhs-glitch-op, .7);animation:vhs-glitch var(--vhs-glitch-speed, 1.7s) steps(9) infinite}.vhs-overlay--static,.vhs-overlay--static .vhs-grain,.vhs-overlay--static .vhs-glitch{animation-play-state:paused}.vhs-scanlines{inset:0;opacity:var(--vhs-scan-op, 1);background:repeating-linear-gradient(to bottom,rgba(0,0,0,.32) 0,rgba(0,0,0,.32) 1px,transparent 1px,transparent var(--vhs-scan-gap, 3px))}.vhs-vignette{inset:0;opacity:var(--vhs-vig-op, 1);background:radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.5) 100%)}@keyframes vhs-grain{0%{transform:translate(0)}20%{transform:translate(-9%,5%)}40%{transform:translate(7%,-7%)}60%{transform:translate(-5%,9%)}80%{transform:translate(9%,-3%)}to{transform:translate(0)}}@keyframes vhs-glitch{0%,to{transform:translate(0)}33%{transform:translate(-1.5%)}66%{transform:translate(1%)}}@keyframes vhs-flicker{0%,to{opacity:1}50%{opacity:var(--vhs-flicker-min, .9)}72%{opacity:.97}88%{opacity:var(--vhs-flicker-min, .9)}}.auth-bg{position:absolute;inset:0;z-index:0}.auth-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}.auth-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#fff 41%,#fff0 75%)}.auth-tape-wrap{position:absolute;z-index:2;left:75%;top:50%;transform:translate(-50%,-50%);width:44%;max-width:1000px;pointer-events:none}.auth-tape{display:block;position:relative;z-index:1;width:100%;height:auto;animation:auth-tape-float 5s cubic-bezier(.65,0,.35,1) infinite;will-change:transform}.auth-tape-shadow{position:absolute;z-index:0;left:50%;bottom:-6%;transform:translate(-50%);width:96%;aspect-ratio:748 / 82;object-fit:fill;opacity:.3;filter:blur(16px);animation:auth-shadow-float 5s cubic-bezier(.65,0,.35,1) infinite;will-change:transform,opacity}@keyframes auth-tape-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3%)}}@keyframes auth-shadow-float{0%,to{transform:translate(-50%) scale(1);opacity:.3}50%{transform:translate(-50%) scale(.9);opacity:.2}}.auth-red{position:absolute;left:0;top:0;width:54%;height:100%;display:block;z-index:3;pointer-events:none}.auth-content{position:absolute;z-index:4;left:27%;top:50%;transform:translate(-50%,-50%);width:42%;max-width:800px;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1rem,2.4vh,2.25rem)}.auth-logo{width:clamp(150px,16.5vw,262px);height:auto;display:block}.auth-text{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1rem,2.4vh,2.25rem);width:100%;padding-left:3%;box-sizing:border-box}.auth-title{margin:0;color:#fff;text-transform:uppercase;font-weight:600;font-size:clamp(2.4rem,6.2vw,8rem);line-height:.9;letter-spacing:-.04em}.auth-body{margin:0;color:#2f0004;font-weight:500;font-size:clamp(.9rem,1.4vw,1.55rem);line-height:1.25;letter-spacing:-.02em}.auth-button{align-self:flex-start;margin-top:clamp(.75rem,2vh,1.75rem);background:#fff;color:#e30126;border:none;border-radius:9999px;padding:.6em 1.4em;font-family:Afacad,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(.8rem,1.45vw,1.5rem);letter-spacing:-.04em;box-shadow:0 4px 12px #00000040;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,opacity .15s}.auth-apple{height:.82em;width:auto;display:inline-block;vertical-align:-.06em;margin:0 .06em}.auth-button:hover:not(:disabled){transform:scale(1.04);box-shadow:0 12px 30px #00000047}.auth-button:disabled{opacity:.6;cursor:default}.auth-error{margin:0;color:#2f0004;font-weight:600;font-size:.95rem}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh}.loading-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2.5rem;width:360px;text-align:center}.loading-title{font-size:1.1rem;color:var(--accent);margin-bottom:1.5rem;letter-spacing:2px}.loading-bar-container{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden;margin-bottom:.75rem}.loading-bar{height:100%;background:var(--accent);transition:width .3s ease;border-radius:4px}.loading-hint{color:var(--text-dim);font-size:.8rem}.scene-root{position:fixed;inset:0;z-index:0;pointer-events:none}.scene-bg{position:absolute;inset:0;background-size:cover;background-position:center}.scene-obj{position:absolute;bottom:0;width:auto;object-fit:contain}.scene-obj-1{left:calc(60% + var(--player-scale, 1) * 380px);height:calc(var(--player-scale, 1) * 520px);bottom:auto;top:-15%;rotate:-10deg}.scene-obj-2{left:calc(60% + var(--player-scale, 1) * 410px);height:calc(var(--player-scale, 1) * 559px);bottom:auto;top:57%;rotate:15deg}.scene-obj-3{right:calc(43% + var(--player-scale, 1) * 620px);height:calc(var(--player-scale, 1) * 1152px);bottom:auto;top:6%;rotate:9deg}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.signout-btn{font-family:Afacad,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#fff;font-size:1.05rem;padding:.7rem 1.6rem;border:1px solid rgba(255,255,255,.35);border-radius:9999px;background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .18s ease,transform .18s cubic-bezier(.34,1.56,.64,1)}.signout-btn:hover{background:#ffffff3d;transform:scale(1.06)}.signout-btn--floating{position:fixed;top:1.25rem;right:1.5rem;z-index:40}.app-main{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden}.genre-bg-root{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden}.genre-bg-parallax{position:absolute;inset:0;will-change:transform}.genre-bg-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(var(--genre-bg-blur, 0px))}.genre-bg-scrim{position:absolute;inset:0;background:#000;opacity:var(--genre-bg-overlay, 0)}.dbg-root{position:fixed;right:16px;bottom:16px;z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.dbg-root--vhs{right:auto;left:16px;align-items:flex-start}.dbg-toggle{width:38px;height:38px;border-radius:50%;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.dbg-panel{width:240px;max-height:78vh;overflow-y:auto;padding:14px 16px;background:#141414d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;gap:14px}.dbg-title{font-family:Afacad,sans-serif;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#fff9}.dbg-row{display:flex;flex-direction:column;gap:6px}.dbg-row label{font-family:Afacad,sans-serif;font-size:13px;color:#fff;display:flex;justify-content:space-between}.dbg-row label span{color:#e20025;font-variant-numeric:tabular-nums}.dbg-row input[type=range]{width:100%;accent-color:#e20025}.carousel-wrapper{position:fixed;top:50%;left:0;width:100vw;transform:translateY(-50%);z-index:30}.carousel-header{position:absolute;bottom:calc(100% + 58px);left:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:0;pointer-events:none}.carousel-title{font-family:Afacad,sans-serif;font-weight:600;font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;color:#fffc;text-shadow:0 2px 10px rgba(0,0,0,.4)}.carousel-genre{font-family:Afacad,sans-serif;font-weight:700;font-size:6rem;line-height:1;margin-top:-6px;letter-spacing:.01em;text-transform:uppercase;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.5)}.carousel-track-container{overflow:visible;width:100%;padding:1rem 0 .5rem;cursor:grab}.carousel-track-container:active{cursor:grabbing}.carousel-track{display:flex;align-items:center}.cassette-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.75rem}.cassette-body{--ch: 22vh;height:var(--ch);aspect-ratio:15 / 10;background:#111;border:3px solid #555;border-radius:8px;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative}.cassette-body--new{display:block;background:transparent;border:none;border-radius:0;overflow:visible;aspect-ratio:550 / 342;--cw: calc(var(--ch) * 550 / 342)}.ct-body{position:relative;width:100%;height:100%;overflow:visible;isolation:isolate;-webkit-user-select:none;user-select:none}.ct-body img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.ct-reel-left,.ct-reel-right{z-index:1}.ct-swapable{z-index:2}.ct-sticker{z-index:4}.ct-abs{position:absolute;display:block}.ct-reel-left{left:8%;top:13%;width:40%;height:67%;transform-origin:center}.ct-reel-right{left:62%;top:30%;width:20%;height:33%;transform-origin:center}.ct-swapable{left:0;top:0;width:100%;height:100%;overflow:visible}.ct-sticker{left:6.55%;top:9.06%;width:86.91%;height:21.05%;display:flex;flex-direction:column;border-radius:3px;overflow:hidden}.ct-sticker-bar{flex:1;min-height:0}.ct-sticker-white{flex:4;background:#fff;display:flex;flex-direction:row;align-items:center;padding:0 2%;gap:3%;overflow:hidden}.ct-sticker-a{flex-shrink:0;background:#100f0f;color:#fff;font-family:Arial,sans-serif;font-weight:700;font-size:calc(var(--ch) * .07);width:calc(var(--ch) * .11);height:calc(var(--ch) * .11);display:flex;align-items:center;justify-content:center}.ct-sticker-info{flex:1;display:flex;flex-direction:column;gap:1px;overflow:hidden;min-width:0}.ct-sticker-genre{font-size:calc(var(--ch) * .055);font-weight:700;color:#111;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Arial,sans-serif}.ct-sticker-track{font-size:calc(var(--ch) * .038);color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Arial,sans-serif}.cassette-label{width:75%;background:#ccc;margin:calc(var(--ch) * 10 / 140) auto 0;border-radius:3px;padding:calc(var(--ch) * 6 / 140) calc(var(--ch) * 8 / 140);display:flex;flex-direction:column;align-items:center;gap:2px}.cassette-genre{font-size:calc(var(--ch) * 12 / 140);font-weight:700;color:#111;letter-spacing:1px;text-transform:uppercase}.cassette-count{font-size:calc(var(--ch) * 9 / 140);color:#333}.cassette-reels{display:flex;align-items:center;justify-content:space-around;width:100%;padding:0 calc(var(--ch) * 16 / 140);margin-top:calc(var(--ch) * 10 / 140)}.cassette-reel{width:calc(var(--ch) * 34 / 140);height:calc(var(--ch) * 34 / 140);border-radius:50%;background:#222;border:3px solid #555;box-shadow:0 0 0 4px #333}.cassette-tape-window{width:calc(var(--ch) * 50 / 140);height:calc(var(--ch) * 20 / 140);background:#1a1a1a;border-radius:3px;border:2px solid #444}.cassette-bottom-strip{position:absolute;bottom:0;width:100%;height:calc(var(--ch) * 12 / 140);background:#222}.insert-button{background:#e20025;color:#fff;padding:1.25rem 4rem;border-radius:9999px;font-family:Afacad,sans-serif;font-weight:700;font-size:1.85rem;letter-spacing:2px;text-transform:uppercase;border:none;box-shadow:0 6px 18px #0006;transition:background .18s ease,transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,opacity .15s}.insert-button:hover{background:#ff2a4c;box-shadow:0 16px 38px #00000047}.insert-button--floating{position:fixed;top:calc(50% + 24vh);left:50%;transform:translate(-50%);z-index:31}.insert-button--floating:hover{transform:translate(-50%) scale(1.06)}.carousel-nav{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:4rem}.nav-arrow{width:3.85rem;height:3.85rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;line-height:1;padding:0 0 2px;border:1px solid #fff;border-radius:50%;background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .18s ease,transform .18s cubic-bezier(.34,1.56,.64,1)}.carousel-nav .nav-arrow:first-child{padding-left:8px}.carousel-nav .nav-arrow:last-child{padding-right:8px}.nav-arrow:hover:not(:disabled){background:#ffffff3d;transform:scale(1.06)}.carousel-counter{color:var(--text-dim);font-size:.8rem;min-width:50px;text-align:center}.player-wrapper{background:var(--surface);border:2px solid var(--border);border-radius:12px;width:100%;max-width:900px;overflow:hidden;flex-shrink:0}.player-body{display:grid;grid-template-columns:120px 1fr 220px;gap:0;padding:1.5rem;border-bottom:2px solid var(--border)}.player-left{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-right:1rem;border-right:1px solid var(--border)}.vu-label{font-size:.65rem;letter-spacing:2px;color:var(--text-dim)}.vu-meter{display:flex;align-items:flex-end;gap:2px;height:100px;background:#111;border:1px solid var(--border);border-radius:4px;padding:4px 6px;width:80px}.vu-bar{flex:1;border-radius:2px 2px 0 0;transition:height .08s ease-out;min-height:2px}.vu-bar--green{background:var(--green)}.vu-bar--yellow{background:var(--yellow)}.vu-bar--red{background:var(--red)}.vu-db-labels{display:flex;flex-direction:column;justify-content:space-between;height:100px;font-size:.55rem;color:var(--text-dim);text-align:right}.volume-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem}.volume-label{font-size:.6rem;letter-spacing:2px;color:var(--text-dim)}.volume-slider{-webkit-appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;width:24px;height:80px;accent-color:var(--accent)}.player-center{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:0 1.5rem}.tape-bay{width:200px;display:flex;justify-content:center}.tape-bay--empty{height:120px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:8px;width:100%}.tape-bay-hint{font-size:.75rem;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.tape-body{width:200px;height:120px;background:#111;border:3px solid #555;border-radius:8px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.tape-label{width:72%;padding:5px 8px;margin:8px auto 0;border-radius:3px;text-align:center}.tape-genre-text{font-size:.75rem;font-weight:700;color:#111;letter-spacing:1px;text-transform:uppercase}.tape-reels-row{display:flex;align-items:center;justify-content:space-around;width:100%;padding:0 14px;margin-top:8px}.tape-reel{width:32px;height:32px;border-radius:50%;background:#222;border:3px solid #555;box-shadow:0 0 0 3px #333}.tape-window{width:44px;height:18px;background:#1a1a1a;border-radius:3px;border:2px solid #444}.progress-bar-container{width:100%;height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--accent);transition:width .5s linear;border-radius:2px}.quality-selector{display:flex;flex-direction:column;align-items:center;gap:.5rem}.quality-label{font-size:.6rem;letter-spacing:2px;color:var(--text-dim)}.quality-buttons{display:flex;gap:4px}.quality-btn{padding:.25rem .6rem;border:1px solid var(--border);border-radius:4px;font-size:.7rem;color:var(--text-dim);letter-spacing:1px;transition:all .15s}.quality-btn:hover{color:var(--text);border-color:var(--text-dim)}.quality-btn--active{background:var(--accent);color:#111;border-color:var(--accent)}.player-right{display:flex;flex-direction:column;gap:1rem;padding-left:1rem;border-left:1px solid var(--border)}.track-display{flex:1}.track-display-screen{background:var(--lcd-bg);border:2px solid #0a1a0a;border-radius:6px;padding:.75rem;height:130px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;font-family:Courier New,monospace}.track-idle{color:var(--lcd-text);font-size:.8rem;letter-spacing:3px;text-align:center;margin:auto;opacity:.6}.track-now,.track-next{display:flex;flex-direction:column;gap:2px}.track-label{font-size:.55rem;color:var(--lcd-text);opacity:.5;letter-spacing:2px}.track-name-scroll{font-size:.8rem;color:var(--lcd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.track-name-scroll--dim{opacity:.6}.track-artist{font-size:.65rem;color:var(--lcd-text);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist--dim{opacity:.4}.track-features{display:flex;gap:.4rem;margin-top:.2rem;font-size:.55rem;color:var(--lcd-text);opacity:.7;letter-spacing:.03em}.track-features--empty{opacity:.3}.track-divider{height:1px;background:var(--lcd-text);opacity:.2;margin:4px 0}.speaker-grille{display:flex;flex-direction:column;gap:5px;padding:6px;background:#1a1a1a;border-radius:6px;border:1px solid var(--border)}.speaker-row{display:flex;gap:5px}.speaker-dot{width:5px;height:5px;border-radius:50%;background:#333}.player-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:1rem 1.5rem;background:var(--surface-2)}.ctrl-btn{background:#3a3a3a;color:var(--text);border:2px solid #555;border-radius:6px;padding:.6rem 1.2rem;font-size:1rem;transition:background .1s,transform .05s;min-width:54px}.ctrl-btn:hover:not(:disabled){background:#4a4a4a}.ctrl-btn:active:not(:disabled){transform:translateY(1px)}.ctrl-btn--eject{background:var(--red);border-color:#c0392b;color:#fff;margin-right:8px}.ctrl-btn--eject:hover:not(:disabled){background:#c0392b}.ctrl-btn--play{background:var(--accent);border-color:#a88a30;color:#111}.ctrl-btn--play:hover:not(:disabled){background:#d4b55a}.pf-container{z-index:5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border-radius:36px;box-shadow:0 12px 12px #00000040;padding:20px 24px;display:flex;flex-direction:column;gap:8px;width:100%;max-width:900px;flex-shrink:0;box-sizing:border-box}.pf-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pf-header-titles{display:flex;flex-direction:column;align-items:flex-start}.pf-subgenre{flex-shrink:0;font-family:Afacad,sans-serif;font-weight:500;font-size:14px;color:#fff;background-color:#ffffff1f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;border:1px solid rgba(255,255,255,.25);border-radius:9999px;padding:7px 30px 7px 14px;cursor:pointer;appearance:none;-webkit-appearance:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pf-subgenre:disabled{opacity:.4;cursor:default}.pf-subgenre-root{position:relative;flex-shrink:0}.pf-subgenre-menu{position:absolute;bottom:calc(100% + 6px);right:0;z-index:20;min-width:180px;max-height:260px;overflow-y:auto;padding:6px;background:#141414eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 10px 30px #00000073;display:flex;flex-direction:column;gap:2px}.pf-subgenre-opt{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;font-family:Afacad,sans-serif;font-size:14px;color:#fff;cursor:pointer;white-space:nowrap}.pf-subgenre-opt:hover{background:#ffffff1a}.pf-subgenre-opt input{accent-color:#e20025;cursor:pointer}.pf-title{font-family:Afacad,sans-serif;font-weight:700;font-size:24px;color:#fff}.pf-analyzed{font-family:Afacad,sans-serif;font-weight:400;font-size:12px;color:#ffffffbf;text-align:left;margin-top:-3px;min-height:1em}.pf-sliders{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:4px}.pf-sliders--disabled{opacity:.35;pointer-events:none}.pf-filter{display:flex;flex-direction:column;gap:12px}.pf-filter-label{font-family:Afacad,sans-serif;font-weight:700;font-size:20px;color:#fff;line-height:1}.pf-slider-track{background:#ffffff2b;border:1px solid rgba(255,255,255,.2);border-radius:28px;padding:4px;box-sizing:border-box}.pf-slider{-webkit-appearance:none;appearance:none;display:block;width:100%;height:7px;background:linear-gradient(to right,#E20025 var(--pf-fill, 50%),rgba(255,255,255,.12) var(--pf-fill, 50%));border-radius:36px;outline:none;cursor:pointer;margin:0}.pf-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#e20025;box-shadow:0 0 0 1px #fff3;margin-top:-1px;cursor:pointer}.pf-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#e20025;cursor:pointer}.pf-slider::-moz-range-track{height:7px;border-radius:36px;background:transparent}.pf-labels{display:flex;justify-content:space-between;font-family:Afacad,sans-serif;font-weight:400;font-size:14px;color:#fff;white-space:nowrap;margin-top:-6px}.player-filter-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:10vh;pointer-events:none}.player-filter-wrapper>*{pointer-events:auto}.player-scale-container{position:relative;width:calc(var(--player-scale, 1) * 824px);height:calc(var(--player-scale, 1) * 513px)}.np-player-wrapper{position:absolute;top:50%;left:50%;width:824px;height:513px;overflow:visible;transform:translate(-50%,-50%) scale(var(--player-scale, 1));transform-origin:center center;pointer-events:none}.np-player-wrapper .np-player{pointer-events:auto}.np-player{position:relative;width:865px;height:530px;flex-shrink:0;font-family:Kode Mono,monospace}.np-body-shadow{position:absolute;left:0;top:4px;width:905px;height:597px;pointer-events:none;z-index:0}.np-back-panel{position:absolute;pointer-events:none;transform:rotate(180deg);transform-origin:center}.np-back-panel--1{left:1px;top:10px;width:824px;height:513px}.np-back-panel--2{left:1px;top:8px;width:824px;height:508px}.np-divider{position:absolute;pointer-events:none;left:0;width:824px;height:1px}.np-divider--top{top:96px}.np-divider--bottom{top:427px}.np-divider-center{position:absolute;pointer-events:none;left:192px;top:292px;width:441px;height:1px}.np-panel{position:absolute;background:#dbddd0;border-radius:7px;height:352px;top:25px;box-shadow:0 0 4px #00000040,inset -1px -1px .5px #00000040,inset 1px 1px .5px #ffffffb3}.np-panel--left{left:18px;width:161px}.np-panel--center{left:192px;width:441px}.np-panel--right{left:650px;width:161px}.np-btn-shadow{position:absolute;left:209px;top:416px;width:409px;height:89px;background:#000;box-shadow:0 0 9px 6px #000;z-index:1}.np-btn-guard-elev{position:absolute;width:57px;height:107px;top:417px;pointer-events:none}.np-btn-guard-elev--right{left:581px;transform:rotate(180deg)}.np-btn-guard-elev--left{left:188px;transform:scaleY(-1)}.np-logo{position:absolute;left:17px;top:465px;width:120px;height:auto;z-index:4}.np-label{position:absolute;font-family:Kode Mono,monospace;font-weight:700;font-size:12px;color:#000;text-shadow:.5px .5px .5px rgba(0,0,0,.25);white-space:nowrap}.np-db-label{left:55px;top:36px}.np-db-frame{position:absolute;left:37px;top:53px;width:52px;height:303px;background:#272222;border-radius:4px;box-shadow:inset 2px 0 2px #000000e6;overflow:hidden}.np-db-axis{position:absolute;left:36px;top:3px;width:1px;height:95%;object-fit:cover}.np-db-num{position:absolute;right:20px;font-family:Kode Mono,monospace;font-size:10px;color:#fff;line-height:1;transform:translateY(calc(-50% + 8px))}.np-db-tick{position:absolute;right:10px;width:7px;height:1px;object-fit:cover;transform:translateY(calc(-50% + 8px))}.np-db-gauge{position:absolute;left:2px;width:48px;height:4px;background:#f40;box-shadow:0 6px 2px #000000b3;transition:top .1s ease-out}.np-db-glass{position:absolute;inset:0;border-radius:4px;pointer-events:none;background:linear-gradient(130.5deg,#ffffff1f 40%,#fff0 42% 89%)}.np-vol-label{left:128px;top:36px}.np-vol-track{position:absolute;left:131px;top:53px;width:17px;height:303px;border-radius:24px}.np-vol-track-bg{position:absolute;inset:0;width:100%;height:100%;border-radius:24px;object-fit:cover;box-shadow:inset 0 .5px 0 1px #00000040,inset 0 0 4px #0000008c}.np-vol-track-groove{position:absolute;left:3px;top:3px;width:11px;height:297px;background:#000;border-radius:28px}.np-vol-ticks-img{position:absolute;left:-20px;top:6px;width:13px;height:290px;pointer-events:none;transform:scaleX(-1)}.np-vol-knob-wrap{position:absolute;left:112px;width:66px;height:44px;z-index:2;pointer-events:none}.np-vol-knob-img{position:absolute;left:-20px;top:-13px;width:106px;height:77px;object-fit:contain;pointer-events:none;display:block}.np-vol-input{position:absolute;left:112px;top:53px;width:66px;height:303px;opacity:0;writing-mode:vertical-lr;direction:rtl;cursor:pointer;z-index:3}.np-tape-bay{position:absolute;left:208px;top:42px;width:409px;height:242px;border-radius:5px;overflow:visible}.np-tape-bay-inner{position:absolute;inset:0;border-radius:5px}.np-bay-door-shadow{position:absolute;bottom:-123px;left:-2px;right:-1px;height:122px;background:linear-gradient(to bottom right,rgba(0,0,0,.65) 0%,transparent 100%);transform-origin:top left;pointer-events:none;z-index:9}.np-bay-door-wrap{position:absolute;inset:0;perspective:700px;pointer-events:none;z-index:10}.np-bay-door{position:absolute;inset:0;transform-origin:bottom center;border-radius:0;backface-visibility:hidden;overflow:visible}.np-bay-door-edge{position:absolute;top:122px;left:-68px;height:12px;background:#dadace;box-shadow:0 3px 8px #00000059;border-radius:2px 2px 0 0;pointer-events:none;z-index:0}.np-bay-door-overlay{position:absolute;inset:0;background:#000;pointer-events:none;z-index:1}.np-bay-door-img{width:100%;height:100%;display:block;object-fit:fill;transform:scale(1.05);transform-origin:center center}.np-bay-hinges{position:absolute;bottom:-22px;left:3px;width:100%;transform:scale(.75);transform-origin:top center;pointer-events:none;z-index:11}.np-back-tape{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:350px;height:220px;object-fit:contain;pointer-events:none}.np-cassette-in-bay .ct-body{will-change:transform}.np-cassette-in-bay{position:absolute;left:28px;top:11px;z-index:2}.np-cassette-in-bay .cassette-body{--ch: 220px;animation:bay-shadow-fade .3s cubic-bezier(0,0,.58,1) forwards}@keyframes bay-shadow-fade{0%{filter:drop-shadow(0 45px 60px rgba(0,0,0,.55))}to{filter:drop-shadow(0 0px 0px rgba(0,0,0,0))}}.np-reel{position:absolute;width:81px;height:81px}.np-reel--left{left:87px;top:75px}.np-reel--right{left:242px;top:74px}.np-reel-frame{position:absolute;inset:0 -19.14% -23.46% -4.94%}.np-reel-img{width:100%;height:100%;display:block}.np-screen{position:absolute;left:207px;top:301px;width:410px;height:67px;background:#231e1e;border-radius:4px;overflow:hidden}.np-screen-inner{position:absolute;inset:0;display:flex;flex-direction:row-reverse;gap:12px;padding:5px 8px;align-items:stretch}.np-screen-col{display:flex;flex-direction:column;justify-content:flex-start;flex:1;gap:1px;min-width:0;align-items:flex-end}.np-screen-header{display:flex;justify-content:space-between;align-items:center;width:100%;flex-shrink:0}.np-screen-col--now,.np-screen-col--next{align-items:flex-start}.np-screen-label{font-size:8px;color:#fff9;letter-spacing:1px}.np-screen-title{font-family:Kode Mono,monospace;font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:left;align-self:flex-start}.np-screen-title--dim{opacity:.5}.np-screen-artist{font-family:Kode Mono,monospace;font-size:9px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:left;align-self:flex-start}.np-screen-artist--dim{opacity:.4}.np-screen-progress-track{width:100%;height:2px;background:#ffffff40;border-radius:1px;margin:2px 0}.np-screen-progress-fill{height:100%;background:#fff;border-radius:1px;transition:width .5s linear}.np-screen-time{font-size:8px;color:#fff9;letter-spacing:.5px;text-align:right}.np-screen-meta{display:flex;align-items:center;gap:3px;padding:1px 2px;border:.5px solid rgba(255,255,255,.4);font-size:8px;color:#fff;letter-spacing:.3px;white-space:nowrap;margin-top:1px}.np-screen-meta--empty{opacity:.35;border:none}.np-screen-meta--dim{opacity:.5}.np-screen-meta--placeholder{visibility:hidden}.np-screen-progress-track--empty{pointer-events:none}.np-meta-sep{width:0;height:9px;object-fit:cover;flex-shrink:0}.np-screen-divider{width:1px;background:#fff3;flex-shrink:0}.np-screen-idle{color:#ffffff4d;font-size:11px;letter-spacing:3px;text-align:center;width:100%;margin:auto}.np-screen-glass{position:absolute;inset:0;border-radius:4px;pointer-events:none;background:linear-gradient(138deg,#ffffff1f 32%,#fff0 34% 63%)}.np-btn-labels{position:absolute;left:0;top:397px;width:100%;height:0;pointer-events:none;z-index:4}.np-btn-labels span{position:absolute;font-family:Kode Mono,monospace;font-weight:700;font-size:11px;color:#000;text-shadow:.5px .5px .5px rgba(0,0,0,.25);white-space:nowrap}.np-btn-guard{position:absolute;left:188px;top:383px;width:450px;height:137px;object-fit:fill;pointer-events:none;z-index:3}.np-buttons{position:absolute;left:212px;top:419px;width:403px;height:92px;display:flex;align-items:center;justify-content:space-between;z-index:2;overflow:hidden}.np-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:1!important}.np-btn:disabled{cursor:not-allowed}.np-btn-slot{position:relative;height:92px;overflow:visible;display:flex;align-items:flex-end;justify-content:center}.np-btn-slot--sm{width:63px}.np-btn-slot--lg{width:77px}.np-btn-offset{position:absolute;inset:0;pointer-events:none;z-index:0;transform-origin:top center;transition:transform .18s cubic-bezier(.34,1.9,.64,1)}.np-btn-slot--pressed .np-btn-offset{transform:scaleY(.85)}.np-btn-offset img{width:100%;height:100%;object-fit:contain;display:block}.np-btn-inner{position:relative;width:100%;height:100%;z-index:1;transform-origin:top center;transition:transform .18s cubic-bezier(.34,1.9,.64,1)}.np-btn-slot--pressed .np-btn-inner{transform:translateY(3px) scaleY(.85)}.np-btn-img{width:100%;height:100%;object-fit:contain;display:block}.np-btn-gradient{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0;mix-blend-mode:multiply;transition:opacity .18s cubic-bezier(.34,1.9,.64,1)}.np-btn-gradient img{width:100%;height:100%;object-fit:contain;display:block}.np-btn-slot--pressed .np-btn-gradient{opacity:.6}.np-speaker{position:absolute;left:660px;top:37px;width:142px;height:142px;object-fit:contain;transform:rotate(90deg);pointer-events:none}.np-tapetype-label{left:698px;top:273px}.np-tapetype-frame{position:absolute;left:666px;top:292px;width:130px;height:49px;border-radius:6px;overflow:hidden;box-shadow:inset 0 .5px 0 1px #00000040,inset 0 0 4px #0000008c}.np-tapetype-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px}.np-tapetype-inner{position:absolute;inset:2px;border-radius:5px}.np-tapetype-options{position:absolute;left:666px;top:353px;width:130px;display:flex;justify-content:space-between}.np-tapetype-opt{font-family:Kode Mono,monospace;font-weight:700;font-size:11px;color:#000;cursor:pointer;text-shadow:.5px .5px .5px rgba(0,0,0,.25);opacity:.5;transition:opacity .15s}.np-tapetype-opt--active{opacity:1}.np-tapetype-knob-wrap{position:absolute;top:289px;width:59px;height:56px;z-index:2;transition:left .2s ease;transform:translate(-30px)}.np-tapetype-options{z-index:3}.np-tapetype-knob-img{width:100%;height:100%;object-fit:contain;display:block}.np-filter-hint{position:absolute;right:8px;bottom:8px;font-size:9px;letter-spacing:2px;color:var(--accent);opacity:.7}.loading-tape{--cw: 495px;--ch: 330px;position:relative;width:var(--cw);height:var(--ch)}.loading-tape .ct-body{position:absolute;inset:0}.loading-tape-screen{position:absolute;left:50%;top:calc(12% - 5px);transform:translate(-50%) scale(1);transform-origin:top center;z-index:5}.loading-tape-screen .np-screen{position:static;left:auto;top:auto}.loading-tape-logo{position:absolute;left:6%;bottom:28%;width:26%;height:auto;z-index:5}.loading-tape-bar{position:absolute;left:22%;right:22%;bottom:17%;height:9px;background:#00000059;border-radius:3px;overflow:hidden;z-index:5}.loading-tape-bar-fill{height:100%;background:#fffdbc;border-radius:3px;transition:width .25s ease}.ls-root{position:fixed;inset:0;z-index:50;overflow:hidden;display:flex;align-items:center;justify-content:center}.ls-bg{position:absolute;inset:0;transition:opacity .6s ease}.ls-bg-red{background:linear-gradient(180deg,#e20025,#ff2937)}.ls-bg-concrete{background:#fff}.ls-bg-concrete-img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.4}.ls-bg-concrete-grad{position:absolute;inset:0;background:linear-gradient(to top,#fff,#fff0)}.ls-heading{position:absolute;top:0;left:0;right:0;height:calc(50vh - 165px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:opacity .6s ease;pointer-events:none}.ls-heading-top{font-family:Afacad,sans-serif;font-weight:700;font-size:1.35rem;letter-spacing:.08em;color:#e20025;text-transform:uppercase}.ls-heading-main{font-family:Afacad,sans-serif;font-weight:700;font-size:clamp(2.75rem,5.5vw,4.75rem);letter-spacing:.01em;color:#1a1414;text-transform:uppercase;line-height:1.05}.ls-tape-wrap{position:relative;z-index:2}