:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:oklch(14.5% .01 62);--color-panel:oklch(19.8% .013 62);--color-text:oklch(95.8% .007 85);--color-muted:oklch(61% .01 75);--color-line:oklch(29% .01 62);--color-accent:oklch(74% .13 265);--color-ink:oklch(16% .01 62);--font-serif:"Gowun Batang", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.22, .61, .24, 1);--shadow-cover:0 34px 80px -30px oklch(0% 0 0/.9)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}html{background:var(--color-bg)}body{background:var(--color-bg);min-width:320px;color:var(--color-text);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}::selection{background:var(--color-accent);color:var(--color-ink)}.eyebrow,.artist-name{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;font-size:.65rem}.credits{color:var(--color-muted);font-family:var(--font-mono);font-size:.7rem;line-height:1.8}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:.01ms!important}}@keyframes drift{0%,to{transform:translate(-6%,-4%)scale(1.05)}50%{transform:translate(8%,6%)scale(1.24)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes grain{0%,to{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}}.player{background:var(--color-bg);width:100%;height:100svh;position:relative;overflow:hidden}.player:after{content:"";z-index:7;pointer-events:none;opacity:.045;mix-blend-mode:overlay;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='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");animation:5s steps(4,end) infinite grain;position:absolute;inset:-3rem}.player--desktop{grid-template-columns:minmax(360px,38%) 1fr;display:grid}.album-panel{z-index:1;text-align:center;border-right:1px solid var(--color-line);background:linear-gradient(180deg, var(--color-panel), var(--color-bg) 72%);flex-direction:column;justify-content:space-between;align-items:center;min-width:0;padding:3.5rem 3rem 2.5rem;display:flex;position:relative;overflow:hidden}.album-panel__ambient{z-index:-1;filter:blur(58px)saturate(1.2);opacity:.22;background-position:50%;background-size:cover;animation:48s ease-in-out infinite drift;position:absolute;inset:-15%;-webkit-mask-image:radial-gradient(at 50% 40%,#000 30%,#0000 78%);mask-image:radial-gradient(at 50% 40%,#000 30%,#0000 78%)}.album-panel__identity{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.album-panel__identity .eyebrow{align-items:center;gap:.65rem;display:flex}.status-dot{background:var(--color-accent);border-radius:50%;width:.38rem;height:.38rem}.cover-art{object-fit:cover;background:linear-gradient(135deg,#10224c,#5f7cb3);width:100%;height:100%;display:block}.cover-art--fallback{background:linear-gradient(135deg,#182546,#6b5076)}.album-panel__cover{aspect-ratio:1;border:1px solid var(--color-line);width:min(262px,64%);height:auto;box-shadow:var(--shadow-cover), 0 0 44px -14px var(--color-accent)}.album-panel h1{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(2.1rem,3.9vw,3.4rem);font-weight:400;line-height:1.08}.album-panel .artist-name{margin:-.75rem 0 0}.album-panel__transport{width:100%}.transport{align-items:center;gap:1.1rem;width:100%;display:flex}.transport__toggle,.play-curtain__button{border:1px solid var(--color-accent);width:3.25rem;height:3.25rem;color:var(--color-accent);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.transport__timeline{flex:1;min-width:0}.transport input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:1rem;margin:0}.transport input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--color-accent) var(--progress), var(--color-line) var(--progress));height:1px}.transport input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-accent);width:5px;height:5px;box-shadow:0 0 12px var(--color-accent);border:0;border-radius:50%;margin-top:-2px}.transport input[type=range]:disabled{cursor:wait;opacity:.55}.transport__times{font:.66rem var(--font-mono);color:var(--color-muted);justify-content:space-between;margin-top:.4rem;display:flex}.discography-link{color:var(--color-muted);font:.62rem var(--font-mono);letter-spacing:.24em;cursor:pointer;background:0 0;border:0;margin-top:1.25rem}.player-status,.player-error{font:.7rem/1.5 var(--font-mono)}.player-status{color:var(--color-muted)}.player-error{color:#ffc6c6}.player-error button{cursor:pointer;background:0 0;border:1px solid}.track-list{flex-direction:column;width:100%;display:flex}.track-list__item{border:0;border-bottom:1px solid var(--color-line);width:100%;color:var(--color-muted);text-align:left;cursor:pointer;background:0 0;grid-template-columns:2rem 1fr auto;align-items:baseline;gap:.85rem;padding:.9rem 0;display:grid}.track-list__item[aria-current=true]{color:var(--color-text)}.track-list__item[aria-current=true]>span:first-child{color:var(--color-accent)}.track-list__item strong{font-size:1.05rem;font-weight:400}.track-list__item span{font:.66rem var(--font-mono)}.player--mobile{background:radial-gradient(ellipse at 50% 44%, transparent 24%, oklch(10% .01 62/.55) 74%), var(--cover-image) center / cover}.player--mobile:before{content:"";background:var(--cover-image) center / cover;filter:blur(70px)saturate(1.3);opacity:.48;animation:42s ease-in-out infinite drift;position:absolute;inset:-20%}.mobile-player-bar{z-index:4;flex-direction:column;gap:1rem;display:flex;position:absolute;bottom:1.6rem;left:1.35rem;right:1.35rem}.mobile-player-bar:before{content:"";z-index:-1;background:linear-gradient(0deg, var(--color-bg) 0 52%, transparent);pointer-events:none;position:absolute;inset:-7rem -2rem -3rem}.mobile-player-bar__identity{grid-template-columns:3.25rem 1fr auto auto;align-items:center;gap:.75rem;display:grid}.mobile-player-bar__identity .cover-art{border:1px solid var(--color-line);width:3.25rem;height:3.25rem}.mobile-player-bar__identity div{flex-direction:column;gap:.2rem;min-width:0;display:flex}.mobile-player-bar__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:400;overflow:hidden}.mobile-player-bar__identity small{font:.56rem var(--font-mono);letter-spacing:.14em;color:var(--color-muted)}.mobile-player-bar__identity button,.lyrics-panel__toolbar button{border:1px solid var(--color-line);color:var(--color-muted);font:.62rem var(--font-mono);letter-spacing:.12em;cursor:pointer;background:0 0;padding:.55rem .65rem}.mobile-lyric-preferences{z-index:5;top:max(1rem, env(safe-area-inset-top));border:1px solid var(--color-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:oklch(14.5% .01 62/.72);padding:.2rem;position:absolute;right:1.25rem}.mobile-lyric-preferences button{color:oklch(82% .01 85);min-width:44px;min-height:44px;font:.68rem var(--font-mono);cursor:pointer;background:0 0;border:0}.mobile-lyric-preferences button[aria-pressed=true]{background:var(--color-accent);color:var(--color-ink)}.mobile-player-bar__identity button[aria-pressed=true],.lyrics-panel__toolbar button[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent)}.transport--compact .transport__times span:last-child{display:none}.player--mobile .transport--compact input[type=range]{height:44px}.player--mobile .transport--compact input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-7.5px}.play-curtain{z-index:8;background:radial-gradient(ellipse at 50% 50%, var(--color-panel), var(--color-bg) 72%);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;padding:1.5rem;display:flex;position:absolute;inset:0}.play-curtain>*{animation:rise 1.1s var(--ease-out) both}.play-curtain .cover-art{border:1px solid var(--color-line);width:9.4rem;height:9.4rem;box-shadow:var(--shadow-cover), 0 0 60px -18px var(--color-accent)}.play-curtain h1{text-wrap:balance;max-width:9em;margin:0;font-size:clamp(2.35rem,11vw,3.6rem);font-weight:400;line-height:1.08}.play-curtain__button{width:5.25rem;height:5.25rem;font-size:1rem}@media (width<=879px){.mobile-player-bar__identity button,.player--mobile .player-error button{min-width:44px;min-height:44px}}.lyrics-panel{background:#090b15;min-width:0;height:100svh;position:relative;overflow:hidden}.lyrics-panel:before{content:"";background:var(--cover-image) center / cover;filter:blur(80px)saturate(1.25);opacity:.5;animation:42s ease-in-out infinite drift;position:absolute;inset:-30%}.lyrics-panel:after{content:"";pointer-events:none;background:radial-gradient(at 40% 44%,#0000 20%,oklch(12% .01 62/.6) 68%,oklch(10% .008 62/.94) 100%);position:absolute;inset:0}.lyrics-panel__toolbar{z-index:3;background:linear-gradient(180deg, var(--color-bg) 40%, transparent);justify-content:space-between;padding:1.65rem 3.5rem;display:flex;position:absolute;top:0;left:0;right:0}.mode-tabs,.toolbar-actions,.translation-emphasis{gap:.6rem;display:flex}.translation-emphasis{gap:.25rem}.lyrics-panel__toolbar button[aria-pressed=true]{background:var(--color-accent);color:var(--color-ink)}.lyric-viewport{z-index:2;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:var(--color-line) transparent;height:100%;padding:0 3.5rem;position:relative;overflow-y:auto}.lyric-viewport__spacer{height:36vh}.lyric-section{max-width:34rem;font:.63rem var(--font-mono);letter-spacing:.3em;color:var(--color-muted);text-transform:uppercase;margin:2.5rem 0 .85rem}.lyric-row{width:min(100%,34rem);color:var(--color-text);text-align:left;cursor:pointer;transform-origin:0;transition:filter .8s ease, opacity .8s ease, transform .8s var(--ease-out);background:0 0;border:0;padding:.8rem 0;display:block}.lyric-viewport--sync .lyric-row{filter:blur(calc(var(--distance) * 1.8px));opacity:max(.1, calc(1 - var(--distance) * .31));transform:scale(calc(1 - var(--distance) * .012))}.lyric-row[aria-current=true]{filter:none;opacity:1;transform:scale(1)}.lyric-row__text{letter-spacing:-.018em;text-wrap:balance;font-size:clamp(1.7rem,2.8vw,2.85rem);line-height:1.42;display:block}.lyric-row__word{display:inline-block}.lyric-row[aria-current=true] .lyric-row__text>span{animation:rise .8s var(--ease-out) both;animation-delay:calc(var(--word-index) * 70ms);display:inline-block}.lyric-row__translation{color:oklch(90% .012 85);font:400 clamp(.98rem, 1.35vw, 1.2rem)/1.55 var(--font-serif);letter-spacing:-.01em;text-shadow:0 2px 18px oklch(0% 0 0/.9),0 1px 3px oklch(0% 0 0/.95);margin-top:.5rem;display:block}.lyric-row--emphasis-translation{flex-direction:column;display:flex}.lyric-row--emphasis-translation .lyric-row__translation{color:var(--color-text);letter-spacing:-.018em;order:-1;margin:0 0 .45rem;font-size:clamp(1.7rem,2.8vw,2.85rem);line-height:1.42}.lyric-row--emphasis-translation .lyric-row__text{color:oklch(86% .01 85);letter-spacing:-.01em;text-shadow:0 2px 18px oklch(0% 0 0/.9);font-size:clamp(.98rem,1.35vw,1.2rem);line-height:1.55}.lyric-row[aria-current=true].lyric-row--emphasis-translation .lyric-row__translation{animation:rise .8s var(--ease-out) both}.lyric-viewport--read .lyric-row{filter:none;opacity:.88;transform:none}.lyric-empty{z-index:2;height:100%;color:var(--color-muted);place-items:center;display:grid;position:relative}.lyric-footer{border-top:1px solid var(--color-line);max-width:32rem;color:var(--color-muted);flex-direction:column;gap:4rem;margin-top:10vh;padding-top:2rem;line-height:1.9;display:flex}.mobile-lyrics{text-align:center;padding:0 1.5rem;position:absolute;inset:0 0 9.4rem}.mobile-lyrics .lyric-section,.mobile-lyrics .lyric-row{text-align:center;transform-origin:50%;margin-left:auto;margin-right:auto}.mobile-lyrics .lyric-row__text{font-size:clamp(1.55rem,6.6vw,2.1rem)}.mobile-lyrics .lyric-row__translation{font-size:clamp(.95rem,3.8vw,1.08rem)}.mobile-lyrics .lyric-row--emphasis-translation .lyric-row__translation{font-size:clamp(1.55rem,6.6vw,2.1rem)}.mobile-lyrics .lyric-row--emphasis-translation .lyric-row__text{font-size:clamp(.95rem,3.8vw,1.08rem)}.lyrics-sheet{z-index:10;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:oklch(14.5% .01 62/.94);position:absolute;inset:0;overflow:hidden}.lyrics-sheet__body{width:min(100%,44rem);height:100%;margin:0 auto;padding:5rem 1.5rem 7rem;overflow-y:auto}.lyrics-sheet__body h2{margin:.6rem 0 2.5rem;font-size:1.8rem;font-weight:400}.lyrics-sheet__close{z-index:2;border:1px solid var(--color-line);background:var(--color-bg);color:var(--color-muted);cursor:pointer;padding:.55rem .75rem;position:absolute;top:1.5rem;right:1.35rem}.lyrics-sheet__section{font:.6rem var(--font-mono);letter-spacing:.24em;color:var(--color-muted);text-transform:uppercase;margin:2rem 0 .5rem}.lyrics-sheet__line{padding:.3rem 0}.lyrics-sheet__line p{margin:0;font-size:1.15rem;line-height:1.85}.lyrics-sheet__line small{font:.68rem/1.7 var(--font-mono);color:var(--color-muted)}.lyrics-sheet section{border-top:1px solid var(--color-line);color:var(--color-muted);margin-top:3.5rem;padding-top:1.5rem;line-height:1.9}.lyrics-sheet .track-list{margin-top:3.5rem}@media (width<=879px){.lyrics-sheet__close{min-width:44px;min-height:44px}}