@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Inter-latin.woff2)format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Montserrat-latin.woff2)format("woff2")}:root{--text:#4a3f35;--text-h:#2a2118;--bg:#efe0c4;--paper-shadow:#281a0a47;--sans:"Segoe UI", system-ui, Roboto, sans-serif;--heading:"Segoe UI", system-ui, Roboto, sans-serif;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}h1,h2,h3{font-family:var(--heading);color:var(--text-h);margin:0 0 .4em}button{font:inherit;color:inherit}a{color:inherit}.app{position:fixed;inset:0;overflow:hidden}.camera-pan{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140f0859;border-radius:999px;align-items:center;gap:14px;padding:8px 10px;transition:opacity .2s;display:flex;position:fixed;transform:translate(-50%)}.camera-pan.is-disabled{opacity:.4}.camera-pan.is-disabled .camera-pan__btn{cursor:default}.camera-pan__btn{color:#fffdf7;cursor:pointer;background:#ffffff29;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.camera-pan__btn:disabled{opacity:.35;cursor:default}.camera-pan__dots{gap:6px;display:flex}.camera-pan__dot{background:#ffffff59;border-radius:50%;width:6px;height:6px}.camera-pan__dot.is-active{background:#fffdf7}.app canvas{touch-action:none;display:block}.loading-screen{z-index:40;color:#6b5a41;letter-spacing:.02em;background:#efe0c4;justify-content:center;align-items:center;font-size:1.1rem;transition:opacity .8s;animation:.25s ease-out both loading-in;display:flex;position:fixed;inset:0}.loading-screen.is-hidden{opacity:0;pointer-events:none;animation:none}.loading-screen.is-hidden .loading-screen__inner{opacity:0;transition:transform .5s,opacity .35s;transform:translateY(-8px)scale(.97)}@keyframes loading-in{0%{opacity:0}to{opacity:1}}.loading-screen__inner{flex-direction:column;align-items:center;gap:14px;display:flex}.loading-screen__spinner{border:3px solid #6b5a4138;border-top-color:#6b5a41;border-radius:50%;width:34px;height:34px;animation:.9s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-screen__title{margin:0;font-weight:600}.loading-screen__bar{background:#6b5a412e;border-radius:999px;width:220px;height:4px;overflow:hidden}.loading-screen__fill{background:#6b5a41;border-radius:999px;height:100%;transition:width .25s ease-out}.loading-screen__meta{opacity:.65;font-variant-numeric:tabular-nums;margin:0;font-size:.78rem}.glass-player-anchor{perspective:1500px;perspective-origin:50% 65%;pointer-events:none;z-index:25;justify-content:center;display:flex;position:fixed;bottom:34vh;left:0;right:0}.glass-player-slab{pointer-events:auto;width:min(430px,100vw - 28px);transform-style:preserve-3d;position:relative}@media (max-width:820px){.glass-player-anchor{bottom:max(30vh,150px)}.glass-player-slab{width:min(340px,100vw - 24px)}.glass-player{max-height:70dvh;padding:16px 16px 14px;overflow-y:auto}.glass-player__art{width:48%;margin-bottom:12px}.glass-player__meta{margin-bottom:8px}.glass-player__title{font-size:.92rem}.glass-player__controls{gap:14px;margin:8px 0 10px}.glass-player__controls button{width:34px;height:34px}.glass-player__play{width:46px!important;height:46px!important}.glass-player__mode{width:28px!important;height:28px!important}.glass-player__scrub,.glass-player__volume{gap:8px}}@media (max-width:820px) and (max-height:700px){.glass-player-anchor{bottom:max(22vh,120px)}.glass-player-slab{width:min(290px,100vw - 24px)}.glass-player{max-height:76dvh;padding:12px 12px 10px}.glass-player__art{width:40%;margin-bottom:8px}.glass-player__controls{gap:12px;margin:4px 0 6px}.glass-player__controls button{width:30px;height:30px}.glass-player__play{width:42px!important;height:42px!important}.glass-player__mode{width:26px!important;height:26px!important}}@media (max-width:380px),(max-height:560px){.glass-player-anchor{bottom:max(24vh,130px)}.glass-player-slab{width:min(250px,100vw - 20px)}.glass-player{max-height:66dvh;padding:10px 10px 8px}.glass-player__art{width:34%;margin-bottom:6px}.glass-player__meta{margin-bottom:4px}.glass-player__title{font-size:.85rem}.glass-player__controls{gap:10px;margin:2px 0 4px}.glass-player__controls button{width:26px;height:26px}.glass-player__play{width:38px!important;height:38px!important}.glass-player__mode{width:24px!important;height:24px!important}}.glass-player__side{position:absolute}.glass-player__side--right{transform-origin:100%;width:22px;top:32px;bottom:32px;right:0;transform:rotateY(-90deg)}.glass-player__side--left{transform-origin:0;width:22px;top:32px;bottom:32px;left:0;transform:rotateY(90deg)}.glass-player__side--top{transform-origin:50% 0;height:22px;top:0;left:32px;right:32px;transform:rotateX(-90deg)}.glass-player__side--bottom{transform-origin:50% 100%;height:22px;bottom:0;left:32px;right:32px;transform:rotateX(90deg)}.glass-player{color:#fffdf7;background:linear-gradient(160deg,#00798f88,#01466688 42%,#4d006491),#06bfee13;border-radius:30px;width:100%;padding:26px 26px 24px;position:relative;overflow:hidden;box-shadow:0 34px 55px #3f1a6163,inset 0 1px #a8cbff49,inset 0 -1px #ac53f554}.glass-player__sheen{pointer-events:none;background:radial-gradient(60% 45% at 30% 0,#ffffffcb,#0000 70%);height:140%;position:absolute;inset:-40% -20% auto}.glass-player__close{z-index:3;width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .18s;display:flex;position:absolute;top:10px;right:10px}.glass-player__art{aspect-ratio:1;perspective:780px;width:68%;margin:0 auto 22px;position:relative}.glass-player__art:after{content:"";filter:blur(12px);background:#0c070280;border-radius:50%;height:22px;position:absolute;bottom:-14px;left:8%;right:8%}.glass-player__art-idle{transform-style:preserve-3d;animation:9s ease-in-out infinite art-idle;position:absolute;inset:0}@keyframes art-idle{0%,to{transform:translateY(0)rotateY(-4deg)rotateX(1.5deg)}50%{transform:translateY(-7px)rotateY(4deg)rotateX(-1.5deg)}}.glass-player__art-box{transform-style:preserve-3d;transform:translateZ(9px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .28s cubic-bezier(.2,.7,.3,1);position:absolute;inset:0}.glass-player__art-front,.glass-player__art-gloss,.glass-player__art-edge{border-radius:6px;position:absolute}.glass-player__art-front{object-fit:cover;width:100%;height:100%;inset:0;box-shadow:inset 0 0 0 1px #ffffff38}.glass-player__art-gloss{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(118deg,#ffffff6b 0%,#ffffff0f 26%,#0000 46%,#ffffff24 78%,#0000 100%);inset:0;transform:translateZ(.5px)}.glass-player__art-edge{background:linear-gradient(#4a4038,#221b16 60%,#100c09);border-radius:2px}.glass-player__art-edge--right{transform-origin:100%;width:18px;height:100%;top:0;right:0;transform:rotateY(-90deg)}.glass-player__art-edge--left{transform-origin:0;width:18px;height:100%;top:0;left:0;transform:rotateY(90deg)}.glass-player__art-edge--top{transform-origin:50% 0;background:linear-gradient(90deg,#4f453c,#2a221c 55%,#17110d);width:100%;height:18px;top:0;left:0;transform:rotateX(-90deg)}.glass-player__art-edge--bottom{transform-origin:50% 100%;background:linear-gradient(90deg,#3a312a,#1a1410 55%,#0d0907);width:100%;height:18px;bottom:0;left:0;transform:rotateX(90deg)}.glass-player__meta{text-align:center;flex-direction:column;align-items:center;gap:2px;margin-bottom:16px;padding:0 34px;display:flex;position:relative}.glass-player__title{letter-spacing:.01em;font-size:1rem;font-weight:600}.glass-player__artist{opacity:.72;font-size:.78rem}.glass-player__scrub,.glass-player__volume{align-items:center;gap:10px;display:flex;position:relative}.glass-player__scrub{font-variant-numeric:tabular-nums;opacity:.85;font-size:.68rem}.glass-player input[type=range]{appearance:none;cursor:pointer;background:#ffffff40;border-radius:999px;flex:1;height:4px}.glass-player input[type=range]::-webkit-slider-thumb{appearance:none;background:#fffdf7;border-radius:50%;width:12px;height:12px;box-shadow:0 2px 6px #00000059}.glass-player input[type=range]::-moz-range-thumb{background:#fffdf7;border:none;border-radius:50%;width:12px;height:12px}.glass-player__controls{justify-content:center;align-items:center;gap:18px;margin:10px 0 12px;display:flex;position:relative}.glass-player__controls button{width:38px;height:38px;color:inherit;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .18s,transform .18s;display:flex}.glass-player__controls button:hover{background:#ffffff42;transform:translateY(-2px)}.glass-player__play{box-shadow:0 8px 20px #140c044d;color:#33261a!important;background:#ffffffe6!important;width:52px!important;height:52px!important}.glass-player__play:hover{background:#fff!important}.glass-player__mode{opacity:.55;width:32px!important;height:32px!important}.glass-player__mode.is-active{opacity:1;box-shadow:inset 0 0 0 1px #ffffff80;background:#ffffff57!important}.glass-player__volume button{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:4px;display:flex}