:root{color:#f2f0ed;background:#111014;font-family:Inter,Noto Sans JP,Yu Gothic UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #f2f0ed;--muted: #8b878d;--purple: #6f4b88;--acid: #d6e21f;--green: #62813d;--line: rgba(242, 240, 237, .14);--page-pad: clamp(22px, 4vw, 68px)}*{box-sizing:border-box;letter-spacing:0}html,body,#root{width:100%;height:100%;margin:0}html,body{overflow:hidden}#root{overflow:clip}body{min-width:320px;overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{position:relative;display:grid;grid-template-rows:78px minmax(0,1fr) 144px;width:100%;height:100svh;overflow:clip;background:#111014;isolation:isolate}.ambient-cover{position:absolute;z-index:-3;top:-24%;right:-24%;bottom:-24%;left:-24%;background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(72px) saturate(.75) brightness(.42);opacity:.34;transform:scale(1.12)}.app-shell:before{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:#111014ad;content:"";pointer-events:none}.app-shell:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;border:1px solid rgba(242,240,237,.06);content:"";pointer-events:none}.app-header{z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-pad);border-bottom:1px solid var(--line);color:#c7c3c7;font-size:12px;font-weight:600}.brand-lockup,.edition-mark,.track-meta-row,.control-row,.progress-row,.volume-control,.transport-controls{display:flex;align-items:center}.brand-lockup{gap:14px}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(214,226,31,.6);border-radius:50%;color:var(--acid);font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:17px}.edition-mark{gap:22px;color:#777378;font-variant-numeric:tabular-nums}.experience-grid{z-index:1;display:grid;grid-template-columns:minmax(400px,.9fr) minmax(480px,1.1fr);min-height:0;padding:28px var(--page-pad) 18px;gap:clamp(54px,7vw,120px)}.album-stage{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center}.cover-frame{position:relative;width:min(100%,455px);aspect-ratio:1;overflow:hidden;border:1px solid rgba(242,240,237,.14);border-radius:4px;box-shadow:0 32px 72px #00000061;transform-origin:center;transition:transform .9s cubic-bezier(.16,1,.3,1),box-shadow .9s ease}.cover-frame.is-playing{box-shadow:0 36px 90px #00000080,0 0 0 1px #d6e21f1a;transform:scale(1.008)}.cover-frame img{display:block;width:100%;height:100%;object-fit:cover}.cover-index{position:absolute;right:16px;bottom:14px;display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#111014;color:var(--acid);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.track-copy{width:min(100%,520px);padding-top:22px}.track-copy h1{max-width:520px;margin:0;color:var(--ink);font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif;font-size:28px;font-weight:500;line-height:1.28}.track-meta-row{margin-top:12px;gap:11px;color:#aaa6aa;font-size:11px;font-weight:600}.track-meta-row span+span:before{margin-right:11px;color:#504d52;content:"/"}.credits{display:flex;margin:18px 0 0;gap:26px;color:#777378;font-size:10px}.credits div{display:flex;gap:7px}.credits dt,.credits dd{margin:0}.credits dd{color:#aaa6aa}.lyrics-panel{display:grid;min-height:0;grid-template-rows:44px minmax(0,1fr);border-left:1px solid var(--line);padding-left:clamp(32px,4vw,68px)}.lyrics-heading{display:flex;align-items:flex-start;justify-content:space-between;padding-right:8px;color:#89858b;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.lyrics-heading span:first-child{color:var(--acid)}.lyrics-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;padding:35vh 18px 35vh 0;scrollbar-color:rgba(214,226,31,.28) transparent;scrollbar-width:thin;-webkit-mask-image:linear-gradient(transparent 0%,#000 15%,#000 85%,transparent 100%);mask-image:linear-gradient(transparent 0%,#000 15%,#000 85%,transparent 100%)}.lyric-line{--distance: 3;display:grid;width:100%;min-height:56px;grid-template-columns:28px minmax(0,1fr);align-items:center;padding:8px 0;border:0;background:transparent;color:rgba(242,240,237,calc(.5 - var(--distance) * .065));cursor:pointer;font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif;font-size:20px;line-height:1.45;text-align:left;transition:color .35s ease,font-size .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)}.lyric-line:hover{color:#f2f0edcc}.lyric-line:focus{outline:none}.lyric-line:focus-visible{box-shadow:inset 2px 0 var(--acid)}.lyric-line.is-active{color:var(--acid);font-size:31px;font-weight:600;transform:translate(5px)}.lyric-number{color:#625e64;font-family:Inter,sans-serif;font-size:9px;font-weight:600;font-variant-numeric:tabular-nums}.lyric-line.is-active .lyric-number{color:var(--green)}.player-controls{z-index:3;padding:15px var(--page-pad) 22px;border-top:1px solid var(--line);background:#111014b8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.progress-row{width:100%;gap:14px;color:#8d898e;font-size:10px;font-variant-numeric:tabular-nums}input[type=range]{margin:0;accent-color:var(--acid);cursor:pointer}.progress-slider{--progress: 0%;width:100%;height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.progress-slider::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--acid) var(--progress),#4d4a4f var(--progress))}.progress-slider::-moz-range-track{height:2px;background:#4d4a4f}.progress-slider::-moz-range-progress{height:2px;background:var(--acid)}.progress-slider::-webkit-slider-thumb{width:11px;height:11px;margin-top:-4.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px #d6e21f1f}.progress-slider::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--acid)}.control-row{position:relative;justify-content:space-between;min-height:76px;margin-top:2px}.transport-controls{position:absolute;left:50%;gap:17px;transform:translate(-50%)}.icon-button,.play-button{display:grid;flex:0 0 auto;place-items:center;border:0;border-radius:50%;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}.icon-button{width:44px;height:44px;background:transparent;color:#d4d1d3}.icon-button:hover{background:#f2f0ed0f;color:var(--acid)}.icon-button:active,.play-button:active{transform:scale(.94)}.icon-button:focus-visible,.play-button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.icon-button svg{width:18px;height:18px;stroke-width:1.7}.icon-button.quiet{color:#89858b}.play-button{width:62px;height:62px;background:var(--acid);color:#171719;box-shadow:0 8px 30px #aebe1033}.play-button:hover{background:#e4ee45;transform:scale(1.035)}.play-button svg{width:22px;height:22px;stroke-width:1.7}.volume-control{width:150px;gap:6px}.volume-slider{width:88px;height:2px}.fullscreen-button{margin-left:auto}.visualizer{position:absolute;z-index:0;right:0;bottom:140px;left:0;width:100%;height:58px;opacity:.38;pointer-events:none}.status-screen{display:grid;width:100%;height:100svh;place-content:center;padding:28px;background:#111014;color:#f2f0ed;text-align:center}.status-screen span{color:var(--acid);font-family:Yu Mincho,serif;font-size:64px}.status-screen h1{margin:24px 0 8px;font-size:22px}.status-screen p{max-width:580px;margin:0;color:#8d898e;line-height:1.6}.loading-screen span{animation:breathe 1.8s ease-in-out infinite}.loading-screen p{margin-top:12px;font-size:12px}@keyframes breathe{50%{opacity:.38;transform:scale(.96)}}@media(max-width:960px){.app-shell{grid-template-rows:62px minmax(0,1fr) 132px}.experience-grid{grid-template-columns:1fr;grid-template-rows:194px minmax(0,1fr);padding-top:18px;gap:16px}.album-stage{display:grid;grid-template-columns:156px minmax(0,1fr);align-items:center;justify-content:start;gap:22px}.cover-frame{width:156px}.track-copy{padding-top:0}.track-copy h1{font-size:24px}.credits{display:none}.lyrics-panel{border-top:1px solid var(--line);border-left:0;padding-top:16px;padding-left:0}.lyrics-scroll{padding-top:28vh;padding-bottom:28vh}.visualizer{bottom:128px;height:44px}}@media(max-width:620px){:root{--page-pad: 18px}.app-header{font-size:11px}.edition-mark span:last-child{display:none}.experience-grid{grid-template-rows:148px minmax(0,1fr);padding-top:12px;padding-bottom:8px}.album-stage{grid-template-columns:124px minmax(0,1fr);gap:16px}.cover-frame{width:124px}.cover-index{right:8px;bottom:8px;width:26px;height:26px;font-size:8px}.track-copy h1{overflow:hidden;font-size:17px;line-height:1.38;text-overflow:clip;white-space:nowrap}.track-meta-row{flex-wrap:wrap;margin-top:8px;gap:6px;font-size:9px}.track-meta-row span+span:before{margin-right:6px}.lyrics-panel{grid-template-rows:30px minmax(0,1fr);padding-top:10px}.lyrics-scroll{padding-top:24vh;padding-right:4px;padding-bottom:24vh}.lyric-line{min-height:48px;grid-template-columns:24px minmax(0,1fr);font-size:17px}.lyric-line.is-active{font-size:22px;transform:translate(2px)}.player-controls{padding-top:10px;padding-bottom:12px}.control-row{min-height:68px}.volume-control{display:none}.fullscreen-button{margin-left:auto}.transport-controls{gap:9px}.play-button{width:54px;height:54px}}@media(max-width:370px){.album-stage{grid-template-columns:112px minmax(0,1fr);gap:14px}.cover-frame{width:112px}.track-copy h1{font-size:16px}}@media(max-height:720px)and (min-width:961px){.app-shell{grid-template-rows:62px minmax(0,1fr) 124px}.experience-grid{padding-top:18px}.cover-frame{width:min(100%,340px)}.track-copy{padding-top:14px}.credits{display:none}.visualizer{bottom:124px;height:52px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}