@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Manrope:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #07030a;--plum: #170817;--deep: #0d0711;--ivory: #fff4e2;--soft: #f8dcc0;--gold: #e3b35f;--gold-hot: #ffd892;--rose: #d77d8e;--teal: #91d3c8;--line: rgba(255, 231, 195, .2);--glass: rgba(31, 16, 24, .54);--shadow: rgba(0, 0, 0, .36)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--ink);color:var(--ivory);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit}button{border:0}img{display:block;max-width:100%}#root{min-height:100vh}.app{position:relative;min-height:100svh;isolation:isolate;overflow:hidden}.webgl-scene,.light-wash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.webgl-scene{z-index:-3}.webgl-scene canvas{width:100%;height:100%;display:block}.light-wash{z-index:-2;background:linear-gradient(130deg,rgba(255,218,152,.12),transparent 34%),linear-gradient(310deg,rgba(121,213,198,.08),transparent 45%),linear-gradient(180deg,#07030a2e,#07030ac7);mix-blend-mode:screen}.hero{width:min(100%,1180px);min-height:100svh;margin:0 auto;padding:28px 18px 30px;display:grid;align-items:center;gap:28px}.art-stage{--tilt-x: 0deg;--tilt-y: 0deg;position:relative;width:min(82vw,390px);aspect-ratio:1;margin:0 auto;display:grid;place-items:center;perspective:1200px;transform-style:preserve-3d}.art-stage:before,.art-stage:after{content:"";position:absolute;pointer-events:none}.art-stage:before{width:110%;height:76%;background:radial-gradient(ellipse at center,rgba(255,218,158,.34),rgba(215,125,142,.12) 38%,transparent 70%);filter:blur(34px);transform:translateY(8%) translateZ(-70px)}.art-stage:after{top:8%;right:8%;bottom:8%;left:8%;border-radius:8px;background:linear-gradient(145deg,rgba(255,241,214,.08),transparent 32%,rgba(215,125,142,.08));transform:translateZ(-32px)}.cover-shell{width:82%;aspect-ratio:1;position:relative;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(0);transform-style:preserve-3d;transition:transform .22s ease;animation:coverFloat 6.4s ease-in-out infinite}.cover-shell:before,.cover-shell:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:8px;pointer-events:none}.cover-shell:before{transform:translateZ(-34px);background:linear-gradient(145deg,#ffda9b6b,#d77d8e2e);filter:blur(26px);opacity:.86}.cover-shell:after{transform:translateZ(20px);border:1px solid rgba(255,226,172,.42);box-shadow:inset 0 0 28px #ffda9829}.cover-frame{position:relative;z-index:2;width:100%;height:100%;overflow:hidden;border-radius:8px;background:#1a0e13;border:1px solid rgba(255,226,173,.36);box-shadow:0 34px 86px var(--shadow),0 0 0 1px #ffffff0f}.cover-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(255,255,255,.28),transparent 24%,transparent 70%,rgba(255,218,166,.2)),linear-gradient(180deg,transparent 58%,rgba(22,7,13,.32));mix-blend-mode:screen;opacity:.74}.cover-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.01)}.content{position:relative;z-index:2;text-align:center}.eyebrow{margin:0 0 8px;color:#ffe0b2c2;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{max-width:360px;margin:0;color:var(--ivory);font-family:Cormorant Garamond,Georgia,serif;font-size:3rem;line-height:.94;font-weight:500;text-wrap:balance;text-shadow:0 0 26px rgba(255,209,136,.28),0 18px 50px rgba(0,0,0,.42)}.player-panel{width:min(100%,404px);margin:22px auto 0;padding:14px;border-radius:8px;border:1px solid rgba(255,221,165,.22);background:linear-gradient(145deg,#311620b8,#0c070e9e),var(--glass);box-shadow:0 26px 74px #0000004d,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.track-row{display:grid;grid-template-columns:64px 1fr 44px;gap:12px;align-items:center;text-align:left}.play-button,.ghost-button{display:grid;place-items:center;color:#170812;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.play-button{width:64px;height:64px;border-radius:50%;background:linear-gradient(145deg,#fff2d3,#e4b763 58%,#c87972);box-shadow:0 0 0 1px #ffecc938,0 14px 36px #e2ab585c,inset 0 1px #ffffffb8}.play-button svg{margin-left:2px;fill:currentColor}.play-button:hover,.ghost-button:hover{transform:translateY(-2px)}.play-button:active,.ghost-button:active{transform:translateY(0) scale(.97)}.ghost-button{width:44px;height:44px;border-radius:50%;color:var(--ivory);background:#fff0d81a;border:1px solid rgba(255,232,196,.16)}.track-copy span,.track-copy small{display:block}.track-copy span{color:var(--ivory);font-size:1.1rem;font-weight:700}.track-copy small{margin-top:3px;color:#ffe7c894;font-size:.78rem;text-transform:uppercase;letter-spacing:0}.visualizer{height:58px;margin:16px 0 8px;display:flex;align-items:center;gap:4px;overflow:hidden}.visualizer span{width:100%;min-width:3px;height:calc(var(--h) + (var(--energy, 0) * 38%));border-radius:999px;background:linear-gradient(180deg,#ffeec5eb,#e2b35fb8 48%,#d77d8e85),var(--gold);box-shadow:0 0 18px rgba(232,181,102,calc(.13 + var(--energy, 0) * .3));opacity:.34;transform-origin:center bottom;animation:barWave .9s ease-in-out infinite;animation-delay:calc(var(--i) * -42ms)}.is-playing .visualizer span{opacity:.9}.progress-wrap{display:block;padding:7px 0 4px}.progress-wrap input{width:100%;height:20px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.progress-wrap input::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--gold-hot),var(--rose)) 0 / var(--progress) 100% no-repeat,#ffedcf29}.progress-wrap input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:#fff2d7;box-shadow:0 0 0 5px #ffd38d24,0 0 24px #ffca738c}.progress-wrap input::-moz-range-track{height:6px;border-radius:999px;background:#ffedcf29}.progress-wrap input::-moz-range-progress{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--gold-hot),var(--rose))}.progress-wrap input::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#fff2d7;box-shadow:0 0 24px #ffca738c}.time-row{display:flex;justify-content:space-between;color:#ffebcd9e;font-size:.78rem;font-variant-numeric:tabular-nums}.sound-mark{width:max-content;margin:18px auto 0;display:flex;align-items:center;gap:8px;color:#ffe2b4b8}.sound-mark span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4;animation:dotPulse 1.2s ease-in-out infinite}.sound-mark span:nth-child(3){animation-delay:.16s}.sound-mark span:nth-child(4){animation-delay:.32s}.is-playing .cover-shell{animation-duration:4.2s}.is-playing .play-button{box-shadow:0 0 0 1px #ffecc94d,0 14px 42px #e2ab588a,0 0 70px #d77d8e42,inset 0 1px #ffffffb8}@keyframes coverFloat{0%,to{translate:0 0}50%{translate:0 -12px}}@keyframes barWave{0%,to{transform:scaleY(.62)}50%{transform:scaleY(1)}}@keyframes dotPulse{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(-4px);opacity:.88}}@media(min-width:780px){.hero{grid-template-columns:minmax(360px,.92fr) minmax(380px,1fr);gap:54px;padding:48px 38px}.art-stage{width:min(42vw,520px)}.content{text-align:left}h1{max-width:520px;font-size:4.6rem}.player-panel,.sound-mark{margin-left:0;margin-right:0}.player-panel{width:430px}}@media(max-height:720px)and (max-width:779px){.hero{gap:16px;padding-top:18px;padding-bottom:18px}.art-stage{width:min(70vw,312px)}h1{font-size:2.6rem}.visualizer{height:42px;margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}