:root{--cream: #ece4cf;--ink: #0a2230;--deep: #08202e;--deep-2: #06161f;--rail-bg: rgba(6, 22, 31, .82);--accent: #c44d3a;--teal: #1f5d7a;--line: rgba(236, 228, 207, .14);--serif: "Zilla Slab", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--deep);color:var(--cream);font-family:var(--mono);overflow:hidden;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0;display:flex;flex-direction:row;background:var(--deep)}.eyebrow{font:500 11px/1 var(--mono);letter-spacing:.32em;text-transform:uppercase;color:#ece4cf8c}.eyebrow.wide{letter-spacing:.42em}.eyebrow.soft{color:#ece4cf80;letter-spacing:.28em}.eyebrow.gap{margin-top:14px}.disp{font-family:var(--serif);color:var(--cream);font-weight:700;letter-spacing:-.01em;line-height:.96}.btn{appearance:none;background:#081a2459;color:var(--cream);border:1px solid rgba(236,228,207,.26);border-radius:2px;font:500 10px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;padding:9px 12px;cursor:pointer;white-space:nowrap;touch-action:manipulation;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .15s,color .15s,border-color .15s}.btn:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}.btn.ghost{border-color:transparent;color:#ece4cf80}.btn.ghost:hover{color:var(--ink)}.rule{height:1px;background:var(--line);margin:22px 0 16px}.trow{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:8px 11px;border-radius:2px;cursor:pointer;border-left:2px solid transparent;transition:background .15s}.trow:hover{background:#ece4cf0f}.trow.active{background:var(--cream);border-left-color:var(--accent)}.tnum{font:500 10px var(--mono);letter-spacing:.14em;color:#ece4cf80;min-width:22px}.ttitle{font:500 15px/1.15 var(--serif);color:#ece4cfd1;flex:1}.tdur{font:400 11px var(--mono);letter-spacing:.08em;color:#ece4cf66}.trow.active .tnum{color:var(--ink)}.trow.active .ttitle{color:var(--ink);font-weight:600}.trow.active .tdur{color:#0a223099}@keyframes svpulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes svdot{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}.rail{position:relative;flex:none;width:392px;overflow:hidden;background:var(--rail-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid var(--line);transition:width .55s cubic-bezier(.7,0,.2,1);z-index:6}.rail.collapsed{width:58px}.railbody{position:absolute;inset:0;width:392px;padding:44px 40px 40px;display:flex;flex-direction:column;transition:opacity .3s ease;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.railbody::-webkit-scrollbar{display:none}.rail.collapsed .railbody{opacity:0;pointer-events:none}.rail-title{font-size:40px;margin-top:12px}.rail-cat{font:400 11px var(--mono);letter-spacing:.2em;color:#ece4cf73;margin-top:14px}.rail-spacer{flex:1}.railtoggle{width:32px;height:32px;flex:none;border-radius:50%;border:1px solid rgba(236,228,207,.3);background:#081a2480;color:var(--cream);font:500 14px/1 var(--mono);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.railtoggle:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}.rail-fold{position:absolute;top:38px;right:34px}.liner-label{margin-bottom:8px}.liner-text{font:400 11px/1.85 var(--mono);letter-spacing:.03em;color:#ece4cf80}.credits{font:400 10px/1.7 var(--mono);letter-spacing:.03em;color:#ece4cf80}.credits-note{font:400 10px/1.7 var(--mono);letter-spacing:.03em;color:#ece4cf57;margin-top:10px}.rail-nowplaying{display:none}.rail-now-title{font-size:34px;margin-top:10px}.rail-now-meta{font:400 11px var(--mono);letter-spacing:.14em;color:#ece4cf80;margin-top:10px}.rail-listening{display:none;align-items:flex-start;gap:12px}.pulse-dot{width:9px;height:9px;border-radius:50%;flex:none;margin-top:3px;background:var(--accent);animation:svdot 1.6s ease-in-out infinite}.listening-copy{font:500 11px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#ece4cfb3}.railctls{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.ctl{display:none}#app[data-mode=choose] .ctl[data-m~=choose],#app[data-mode=browse] .ctl[data-m~=browse],#app[data-mode=matched] .ctl[data-m~=matched],#app[data-mode=listening] .ctl[data-m~=listening]{display:inline-flex}#app[data-mode=matched] .rail-tracklist,#app[data-mode=listening] .rail-tracklist{display:none}#app[data-mode=matched] .rail-nowplaying{display:block}#app[data-mode=listening] .rail-listening{display:flex}.spine{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 0 24px;opacity:0;pointer-events:none;transition:opacity .35s ease .12s}.rail.collapsed .spine{opacity:1;pointer-events:auto}.spinelabel{writing-mode:vertical-rl;transform:rotate(180deg);font:500 11px var(--mono);letter-spacing:.34em;text-transform:uppercase;color:#ece4cf80}.spine-cat{writing-mode:vertical-rl;transform:rotate(180deg);font:400 9px var(--mono);letter-spacing:.2em;color:#ece4cf59}.progress-plate{display:none;flex-direction:column;align-items:center;gap:12px}#app[data-mode=matched] .progress-plate{display:flex}.progress-track{width:3px;height:118px;border-radius:2px;background:#ece4cf29;position:relative;overflow:hidden}.progress-bar{position:absolute;left:0;right:0;top:0;height:0%;background:var(--cream);box-shadow:0 0 6px #ece4cf8c;transition:height .5s linear}.progress-clock{writing-mode:vertical-rl;transform:rotate(180deg);font:500 9px var(--mono);letter-spacing:.16em;color:#ece4cf9e}.stage{position:relative;flex:1;min-width:0;background:var(--deep);overflow:hidden}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.halftone{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.05;background-image:radial-gradient(rgba(236,228,207,.6) .5px,transparent .7px);background-size:3px 3px;mix-blend-mode:screen}.grain{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.5;background:radial-gradient(120% 90% at 50% 42%,transparent 55%,rgba(4,14,20,.5) 100%)}.plate-frame{position:absolute;inset:22px;pointer-events:none;z-index:3;border:1px solid var(--line)}.mic-status{position:absolute;top:44px;right:48px;z-index:6;display:flex;align-items:center;gap:9px;pointer-events:none}.mic-dot{width:8px;height:8px;border-radius:50%;background:#ece4cf80}.mic-dot.listening{background:var(--accent);animation:svdot 1.6s ease-in-out infinite}.mic-dot.matched{background:var(--cream);box-shadow:0 0 8px #ece4cfe6}.mic-label{font:500 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#ece4cfa6}.now-plate{position:absolute;bottom:48px;left:48px;z-index:5;display:none;pointer-events:none}#app[data-mode=matched] .now-plate,#app[data-mode=browse] .now-plate{display:block}.plate-title{font-size:50px}.plate-meta{font:400 11px var(--mono);letter-spacing:.16em;color:#ece4cf80;margin-top:12px}.brand-mobile{display:none}.listening-msg{position:absolute;inset:0;z-index:6;pointer-events:none;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px}#app[data-mode=listening] .listening-msg{display:flex}.ripple{position:relative;width:150px;height:150px;margin-bottom:32px}.ripple span{position:absolute;border-radius:50%}.ripple span:nth-child(1){inset:0;border:1px solid rgba(236,228,207,.3);animation:svpulse 3s ease-in-out infinite}.ripple span:nth-child(2){inset:26px;border:1px solid rgba(236,228,207,.22);animation:svpulse 3s ease-in-out .6s infinite}.ripple span:nth-child(3){inset:56px;background:#ece4cf80;animation:svpulse 3s ease-in-out 1.2s infinite}.listening-head{font:500 13px/1 var(--mono);letter-spacing:.38em;text-transform:uppercase;color:#ece4cfd9;animation:svpulse 3.2s ease-in-out infinite}.listening-sub{font:italic 500 16px/1.5 var(--serif);color:#ece4cf80;margin-top:14px;max-width:34ch}.mic-overlay{position:absolute;inset:0;z-index:7;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px;background:radial-gradient(ellipse at center,#0d324580,#071c28d1 82%)}#app[data-mode=choose] .mic-overlay{display:flex}.choose-title{font-size:46px;margin:18px 0 10px}.choose-sub{font:italic 500 15px/1.5 var(--serif);color:#ece4cf99;margin-bottom:32px;max-width:42ch}.choose-actions{display:flex;flex-direction:column;gap:14px;align-items:center}.choose-privacy{font:400 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#ece4cf6b;max-width:46ch;margin-top:-4px}.pill{appearance:none;background:var(--cream);color:var(--ink);border:none;border-radius:999px;padding:17px 36px;font:600 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;transition:transform .12s ease}.pill:hover{transform:scale(1.03)}.link-btn{appearance:none;background:transparent;border:none;padding:8px;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#ece4cf99;text-decoration:underline;text-underline-offset:4px;cursor:pointer;touch-action:manipulation}.link-btn:hover{color:var(--cream)}.sheet{display:none;flex-direction:column;position:fixed;left:0;right:0;bottom:0;z-index:20;height:85dvh;background:var(--rail-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);border-radius:14px 14px 0 0;overflow:hidden;transition:transform .5s cubic-bezier(.7,0,.2,1);will-change:transform}.sheetpeek{position:relative;flex:none;width:100%;padding:11px 20px calc(11px + env(safe-area-inset-bottom));cursor:grab;user-select:none;touch-action:none;display:flex;flex-direction:column;align-items:center;gap:7px}.sheetpeek:active{cursor:grabbing}.sheethairline{position:absolute;top:0;left:0;width:0%;height:1px;background:var(--cream);box-shadow:0 0 4px #ece4cf99;transition:width .5s linear,opacity .6s ease}.sheetgrip{width:34px;height:4px;border-radius:2px;background:#ece4cf4d;transition:opacity .6s ease}.sheetpeek:active .sheetgrip{background:#ece4cf8c}.sheetpeek-label{transition:opacity .6s ease}.sheetbody{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 22px calc(20px + env(safe-area-inset-bottom))}#app[data-sheet=peek] .sheetbody{display:none}.sheet .trow{padding:6px 8px}.sheet .ttitle{font-size:13px}.sheet-tracklist{display:none}#app[data-sheet=full] .sheet-tracklist{display:block}.sheet-nowplaying{display:none}#app[data-sheet=half] .sheet-nowplaying,#app[data-sheet=full] .sheet-nowplaying{display:block}#app[data-mode=choose] .sheet-nowplaying,#app[data-mode=listening] .sheet-nowplaying{display:none}.sheet-now-title{font-size:26px;margin-bottom:4px}.sheet-now-meta{font:400 11px var(--mono);letter-spacing:.14em;color:#ece4cf80;margin-bottom:16px}.sheet-album-note{display:none}#app[data-sheet=half] .sheet-album-note,#app[data-sheet=full] .sheet-album-note{display:block}#app[data-mode=browse] .sheet-album-note,#app[data-mode=matched] .sheet-album-note,.sheet-credits{display:none}#app[data-sheet=half] .sheet-credits,#app[data-sheet=full] .sheet-credits{display:block}.sheet .railctls{display:none;gap:8px;margin-top:18px}#app[data-sheet=half] .sheet .railctls,#app[data-sheet=full] .sheet .railctls{display:flex}.sheet .ctl{flex:1;text-align:center;justify-content:center}.mic-status,.brand-mobile,.plate-frame,.now-plate{transition:opacity .6s ease}#app.chrome-idle .mic-status,#app.chrome-idle .brand-mobile,#app.chrome-idle .plate-frame,#app.chrome-idle .now-plate,#app.chrome-idle .sheetpeek-label,#app.chrome-idle .sheethairline{opacity:0}#app.chrome-idle .sheetgrip{opacity:.12}#app.clean .rail,#app.clean .mic-status,#app.clean .brand-mobile,#app.clean .plate-frame,#app.clean .now-plate,#app.clean .sheet{display:none!important}.debug-hud{position:absolute;top:8px;left:10px;z-index:8;pointer-events:none;font:11px var(--mono);letter-spacing:.08em;color:#ece4cfcc;text-shadow:0 0 4px rgba(0,0,0,.8)}button[hidden]{display:none!important}@media (max-width: 720px),((pointer: coarse) and (max-height: 520px)){.rail{display:none}.sheet{display:flex}.stage{position:fixed;inset:0;width:100dvw;height:100dvh}.plate-frame{inset:14px}.mic-status{top:calc(40px + env(safe-area-inset-top));right:22px}.mic-label{display:none}.brand-mobile{display:block;position:absolute;z-index:6;top:calc(40px + env(safe-area-inset-top));left:22px;font-size:9px;letter-spacing:.32em}#app[data-mode=matched] .now-plate,#app[data-mode=browse] .now-plate,.now-plate{display:none}.choose-title{font-size:30px}.choose-sub{font-size:13px;margin-bottom:24px}.pill{padding:15px 30px;font-size:11px}.ripple{width:112px;height:112px}.ripple span:nth-child(2){inset:20px}.ripple span:nth-child(3){inset:44px}.listening-head{font-size:10px;letter-spacing:.28em}.listening-sub{font-size:14px}}