@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#eee8dc;--muted:#eee8dc94;--line:#eee8dc3d;--dock-height:78px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--paper);background:#111412;margin:0}body{font-family:Noto Serif TC,serif;overflow-x:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;transition:opacity .24s,color .35s}button:hover{opacity:.7}button:focus-visible,input:focus-visible{outline:2px solid var(--paper);outline-offset:5px}button:disabled{cursor:default;opacity:.25}.experience{isolation:isolate;background:#111412;min-height:100dvh;position:relative;overflow:hidden}.scene,.shade,.world-canvas{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.scene{z-index:-3;background-position:50%;background-size:cover;animation:1.8s cubic-bezier(.2,.65,.25,1) both scene-arrive;transform:scale(1.012)}.scene:after{content:"";opacity:0;pointer-events:none;position:absolute;inset:-5%}.scene-010:after{opacity:.18;background:linear-gradient(108deg,#0000 28%,#f4d6a624 45%,#0000 61%);animation:34s ease-in-out infinite alternate window-glint;transform:translate(-35%)}.scene-013:after{opacity:.22;background:radial-gradient(at 72% 45%,#ffe4ba2e,#0000 42%);animation:14s ease-in-out infinite alternate horizon-breath}.shade{z-index:-2;background:linear-gradient(#090d0f52,#090d0f0d 36%,#090d0f42 68%,#090d0f8c),linear-gradient(90deg,#090d0f2e,#0000 68%)}.world-canvas{z-index:1;opacity:.95}.topbar{z-index:4;justify-content:space-between;align-items:center;padding:30px 5vw;display:flex;position:relative}.brand{letter-spacing:-1px;text-align:left;font-family:Georgia,serif;font-size:29px;line-height:.9}.brand span{letter-spacing:5px;text-transform:uppercase;margin:7px 0 0 2px;font-family:system-ui,sans-serif;font-size:9px;display:block}.topbar nav{letter-spacing:.06em;align-items:center;gap:30px;font-family:system-ui,sans-serif;font-size:12px;display:flex}.presence{z-index:3;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.entrance{pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c101014;border:1px solid #eee8dc80;border-radius:50%;place-items:center;width:58px;height:58px;padding:0;transition:transform .7s cubic-bezier(.2,.65,.25,1),background .4s,opacity .4s;display:grid}.transport-glyph{fill:currentColor;width:19px;height:19px;display:block;overflow:visible}.transport-glyph.is-play{transform:translate(.333px)}.transport-glyph.is-pause{width:17px;height:17px}.entrance:hover{opacity:1;background:#0c101047;transform:scale(1.08)}.entrance.playing{opacity:.3}.entrance.playing:hover{opacity:.88}.mood-nav{z-index:5;left:50%;bottom:calc(var(--dock-height) + 28px);overscroll-behavior-x:contain;scrollbar-width:none;white-space:nowrap;justify-content:center;align-items:center;gap:clamp(16px,3.4vw,52px);max-width:calc(100vw - 48px);padding:12px 0;display:flex;position:fixed;overflow-x:auto;transform:translate(-50%)}.mood-nav::-webkit-scrollbar{display:none}.mood-nav button{letter-spacing:.12em;opacity:.68;border-bottom:1px solid #0000;align-items:center;gap:9px;min-height:34px;padding:4px 0;font-size:14px;display:flex}.mood-nav button[aria-pressed=true]{opacity:1;border-bottom-color:#eee8dcd9}.mood-number{letter-spacing:0;opacity:.58;font-family:Georgia,serif;font-size:10px}.dock{z-index:8;height:calc(var(--dock-height) + env(safe-area-inset-bottom));padding:12px 5vw env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0c1010a8,#0c1010e0);border-top:1px solid #eee8dc21;grid-template-columns:minmax(150px,1fr) auto minmax(74px,auto) auto auto;align-items:center;gap:clamp(16px,3vw,42px);font-family:system-ui,sans-serif;font-size:11px;display:grid;position:fixed;bottom:0;left:0;right:0}.progress{appearance:none;width:100%;height:2px;accent-color:var(--paper);cursor:pointer;background:0 0;margin:0;position:absolute;top:-1px;left:0}.progress::-webkit-slider-runnable-track{background:#eee8dc40;height:2px}.progress::-webkit-slider-thumb{background:var(--paper);appearance:none;border-radius:50%;width:7px;height:7px;margin-top:-2.5px}.progress::-moz-range-track{background:#eee8dc40;height:2px}.progress::-moz-range-thumb{background:var(--paper);border:0;border-radius:50%;width:7px;height:7px}.dock-song{white-space:nowrap;align-items:center;gap:12px;min-width:0;display:flex}.dock-song img{object-fit:cover;flex:none;width:42px;height:42px}.dock-song span{text-overflow:ellipsis;overflow:hidden}.transport{align-items:center;gap:18px;font-size:16px;display:flex}.transport button{min-width:26px;min-height:38px}.transport .play{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;font-size:15px;line-height:1;display:grid}.transport .play .transport-glyph{width:16px;height:16px}.clock{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px}.lyrics-action,.youtube-action{white-space:nowrap;font-family:system-ui,sans-serif;font-size:11px}.overlay{z-index:20;position:fixed;inset:0}.scrim{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0000005c;width:100%;height:100%;position:absolute;inset:0}.drawer{overscroll-behavior:contain;background:#131817f7;width:min(680px,100%);padding:74px 56px 70px;position:absolute;top:0;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 80px #0004}.lyrics-overlay .scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.lyrics-drawer{top:13vh;right:4vw;bottom:calc(var(--dock-height) + env(safe-area-inset-bottom) + 70px);width:min(430px,42vw);box-shadow:none;text-shadow:0 1px 16px #000000d9;background:linear-gradient(90deg,#0a0e0e00,#0a0e0e2e);flex-direction:column;padding:44px 20px 24px;display:flex}.lyrics-drawer .close{font-size:25px;top:4px;right:10px}.lyrics-drawer .lyrics{scrollbar-width:thin;scrollbar-color:#eee8dc59 transparent;flex:1;height:auto;min-height:0;margin:0;padding:0 6px 10px 0;font-size:13px;line-height:2.25;overflow:auto}.close{font-family:system-ui,sans-serif;font-size:30px;font-weight:200;position:absolute;top:20px;right:24px}.eyebrow{letter-spacing:.2em;color:var(--muted);font-family:system-ui,sans-serif;font-size:10px}.drawer h2{letter-spacing:.06em;margin:20px 0 38px;font-size:26px;font-weight:400;line-height:1.65}.collection{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:18px;width:100%;padding:14px 0;display:flex}.collection img{aspect-ratio:16/9;object-fit:cover;width:118px}.collection span{font-size:15px}.collection small{color:var(--muted);margin-top:7px;font-family:system-ui,sans-serif;font-size:10px;display:block}.search-label{color:var(--muted);letter-spacing:.12em;margin-top:36px;font-family:system-ui,sans-serif;font-size:10px;display:block}.search{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--paper);background:0 0;border-radius:0;margin:7px 0 12px;padding:12px 0;font-size:14px;display:block}.song-row{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:15px 0;font-family:system-ui,sans-serif;font-size:11px;display:flex}.song-row .index{width:20px;color:var(--muted)}.song-name{text-align:left;flex:1;font-family:Noto Serif TC,serif;font-size:15px}.lyrics{white-space:pre-wrap;font:15px/2.5 Noto Serif TC,serif}.muted{color:var(--muted);margin-top:56px;font-family:system-ui,sans-serif;font-size:10px}.error{z-index:30;right:5vw;bottom:calc(var(--dock-height) + 24px);background:#292b25;justify-content:space-between;gap:10px;padding:15px 18px;font-family:system-ui,sans-serif;font-size:12px;display:flex;position:fixed;left:5vw}.toast{z-index:31;background:#202725;padding:13px 20px;font-family:system-ui,sans-serif;font-size:12px;position:fixed;top:90px;right:5vw}@keyframes scene-arrive{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1.012)}}@keyframes window-glint{0%{transform:translate(-45%)}to{transform:translate(42%)}}@keyframes horizon-breath{0%{opacity:.12;transform:scale(.98)}to{opacity:.28;transform:scale(1.035)}}@media (max-width:720px){:root{--dock-height:68px}.topbar{padding:22px 7vw}.brand{font-size:25px}.topbar nav{gap:18px;font-size:11px}.scene{background-position:50%}.entrance{width:52px;height:52px}.entrance .transport-glyph{width:18px;height:18px}.mood-nav{left:0;right:0;bottom:calc(var(--dock-height) + env(safe-area-inset-bottom) + 15px);justify-content:flex-start;gap:24px;max-width:100%;padding:10px 7vw;transform:none}.mood-nav button{letter-spacing:.06em;gap:7px;min-height:38px;font-size:12px}.mood-number{font-size:9px}.dock{padding:10px 5vw env(safe-area-inset-bottom);grid-template-columns:minmax(0,1fr) auto auto;gap:10px;font-size:10px}.dock-song{gap:9px}.dock-song img{width:34px;height:34px}.transport{gap:5px;font-size:14px}.transport button{min-width:24px;min-height:36px}.transport .play{width:36px;height:36px}.transport .play .transport-glyph{width:15px;height:15px}.clock{display:none}.lyrics-action{font-size:10px;display:block}.youtube-action{font-size:15px}.drawer{padding:68px 8vw 60px}.drawer h2{font-size:23px}.lyrics-drawer{top:13vh;right:3vw;bottom:calc(var(--dock-height) + env(safe-area-inset-bottom) + 68px);background:linear-gradient(90deg,#0a0e0e00,#0a0e0e33);width:min(84vw,360px);padding:42px 12px 20px}.lyrics-drawer .lyrics{font-size:12px;line-height:2.15}.collection img{width:92px}.song-row{gap:10px}.error{bottom:calc(var(--dock-height) + env(safe-area-inset-bottom) + 62px)}}@media (max-width:380px){.topbar nav{gap:12px}.mood-nav{gap:18px}.dock{grid-template-columns:minmax(0,1fr) auto;gap:8px}.youtube-action{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.world-canvas{display:none}.scene{transform:none}}