html,body{min-width:100%;min-height:100%;margin:0;overflow:hidden;background:#211714}.singalong{--singalong-ivory: #fffaf2;--singalong-blush: #ead7d5;--singalong-gold: #d9b17d;--singalong-ink: #2f211d;position:fixed;inset:0;min-height:100svh;isolation:isolate;overflow:hidden;color:var(--singalong-ivory);background:#2d201c;font-family:Noto Sans TC Variable,sans-serif}.singalong__art,.singalong__art img,.singalong__veil,.singalong__petals{position:absolute;inset:0;width:100%;height:100%}.singalong__art{z-index:-4}.singalong__art img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 54%;object-position:center 54%;filter:saturate(.72) brightness(.58) contrast(1.06);transform:scale(1.015)}.singalong__veil{z-index:-3;background:radial-gradient(ellipse at center,#2217132e,#22171380 70%,#19110ecc),linear-gradient(180deg,#1b120fb8,#1f151261,#1f15127a 70%,#170f0dd6);backdrop-filter:blur(.12rem)}.singalong__petals{z-index:-2;overflow:hidden;pointer-events:none}.singalong__petals i{position:absolute;top:-8vh;left:var(--petal-x);width:clamp(.48rem,.7vw,.76rem);height:clamp(.7rem,1vw,1.05rem);opacity:0;border-radius:72% 18% 70% 28%;background:linear-gradient(145deg,#fff6f3c2,#ebc2c27a);box-shadow:0 0 .55rem #ffebe629;transform:translate3d(0,-8vh,0) rotate(var(--petal-rotation)) scale(var(--petal-scale));animation:singalong-petal-fall var(--petal-duration) linear var(--petal-delay) infinite;will-change:transform,opacity}@keyframes singalong-petal-fall{0%{opacity:0;transform:translate3d(0,-8vh,0) rotate(var(--petal-rotation)) scale(var(--petal-scale))}12%{opacity:.42}76%{opacity:.32}to{opacity:0;transform:translate3d(var(--petal-drift),116vh,0) rotate(calc(var(--petal-rotation) + 380deg)) scale(var(--petal-scale))}}@keyframes singalong-ready-check{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.singalong-audio-dock{position:absolute;top:50%;right:clamp(.85rem,1.8vw,1.6rem);z-index:6;display:grid;gap:.65rem;transform:translateY(-50%)}.singalong-audio-dock__source{--dock-accent: #d9b17d;--dock-accent-soft: rgba(217, 177, 125, .18);position:relative;color:var(--dock-accent)}.singalong-audio-dock__source.is-guide-vocal{--dock-accent: #e2a9b2;--dock-accent-soft: rgba(226, 169, 178, .2)}.singalong-audio-dock__trigger{width:clamp(2.8rem,3.6vw,3.35rem);aspect-ratio:1;display:grid;place-items:center;padding:0;color:inherit;border:1px solid rgba(255,250,242,.16);border-radius:50%;background:#23171399;box-shadow:0 .6rem 1.8rem #110a0833;cursor:pointer;touch-action:manipulation;backdrop-filter:blur(.8rem);transition:transform .17s ease,border-color .17s ease,background .17s ease}.singalong-audio-dock__trigger:hover,.singalong-audio-dock__trigger:focus-visible,.singalong-audio-dock__source[data-open=true] .singalong-audio-dock__trigger{border-color:color-mix(in srgb,var(--dock-accent) 68%,transparent);background:#231713c7;transform:translate(-2px)}.singalong-audio-dock__trigger:focus-visible{outline:3px solid var(--dock-accent-soft);outline-offset:3px}.singalong-audio-dock__ring{--asset-progress-number: 0;position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center}.singalong-audio-dock__ring>svg:not(.is-check){position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.singalong-audio-dock__ring circle{fill:none;stroke-width:2.6}.singalong-audio-dock__ring .is-track{stroke:var(--dock-accent-soft)}.singalong-audio-dock__ring .is-progress{stroke:var(--dock-accent);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--asset-progress-number));transition:stroke-dashoffset .18s linear}.singalong-audio-dock__ring strong{color:var(--dock-accent);font-family:Montserrat,sans-serif;font-size:clamp(.5rem,.75vw,.62rem);font-variant-numeric:tabular-nums}.singalong-audio-dock__ring .is-check{width:1.35rem;height:1.35rem;display:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.singalong-audio-dock__source[data-state=ready] .is-check{display:block;animation:singalong-ready-check .44s cubic-bezier(.2,.8,.2,1) both}.singalong-audio-dock__source[data-state=ready] .singalong-audio-dock__ring strong{display:none}.singalong-audio-dock__source[data-state=failed] .is-progress{stroke:#ef8274}.singalong-audio-dock__panel{position:absolute;top:50%;right:calc(100% + .7rem);width:min(16rem,calc(100vw - 5rem));padding:.78rem .82rem .72rem;visibility:hidden;opacity:0;color:#fffaf2eb;border:1px solid color-mix(in srgb,var(--dock-accent) 38%,transparent);border-radius:.9rem;background:#231713db;box-shadow:0 .9rem 2.6rem #110a0847;pointer-events:none;transform:translate(.4rem,-50%) scale(.98);transform-origin:right center;transition:opacity .17s ease,transform .17s ease,visibility .17s step-end;backdrop-filter:blur(1rem) saturate(112%)}.singalong-audio-dock__source[data-open=true] .singalong-audio-dock__panel,.singalong-audio-dock__source:focus-within .singalong-audio-dock__panel{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1);transition:opacity .17s ease,transform .17s ease,visibility 0s}@media(hover:hover)and (pointer:fine){.singalong-audio-dock__source:hover .singalong-audio-dock__panel{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}}.singalong-audio-dock__status{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem}.singalong-audio-dock__status span,.singalong-audio-dock__status strong,.singalong-audio-dock__status small{display:block}.singalong-audio-dock__status strong{color:#fffaf2;font-family:"Noto Serif TC Variable",serif;font-size:.82rem;font-weight:600;letter-spacing:.08em}.singalong-audio-dock__status small{margin-top:.12rem;color:color-mix(in srgb,var(--dock-accent) 78%,#fffaf2);font-size:.64rem;letter-spacing:.04em}.singalong-audio-dock__status output{color:var(--dock-accent);font-family:Montserrat,sans-serif;font-size:.68rem;font-variant-numeric:tabular-nums}.singalong-audio-dock__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.62rem}.singalong-audio-dock__actions button,.singalong-audio-dock__retry{min-height:2.6rem;padding:.55rem .6rem;color:#fffaf2;border:1px solid rgba(255,250,242,.18);border-radius:999px;background:#fffaf214;font:600 .66rem/1.2 Noto Sans TC Variable,sans-serif;letter-spacing:.04em;cursor:pointer;touch-action:manipulation}.singalong-audio-dock__actions button:hover,.singalong-audio-dock__actions button:focus-visible{color:var(--dock-accent);border-color:color-mix(in srgb,var(--dock-accent) 58%,transparent);outline:none;background:color-mix(in srgb,var(--dock-accent) 14%,transparent)}.singalong-audio-dock__actions button:disabled{opacity:.46;cursor:wait}.singalong-audio-dock__panel[data-testing=true] [data-audio-asset-test]{color:var(--dock-accent);border-color:var(--dock-accent)}.singalong-audio-dock__panel[data-resyncing=true] [data-audio-asset-resync]{color:var(--dock-accent)}.singalong-audio-dock__retry{position:absolute;top:calc(100% + .55rem);right:0;width:10.5rem;color:#2f211d;border-color:#fffaf280;background:#fffaf2eb;box-shadow:0 .8rem 2rem #110a083d}.singalong__topbar{position:absolute;top:0;right:0;left:0;z-index:3;min-height:5rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;padding:1.1rem clamp(1.25rem,3vw,3rem);color:#fffaf2c7;background:linear-gradient(180deg,rgba(23,15,13,.64),transparent);transition:opacity .26s ease,transform .26s ease}.singalong__topbar>p{display:flex;align-items:center;gap:.7rem;margin:0;font-size:clamp(.72rem,1vw,.9rem);letter-spacing:.12em;white-space:nowrap}.singalong__topbar>p strong{padding-left:.7rem;color:var(--singalong-gold);border-left:1px solid rgba(217,177,125,.5);font-family:"Noto Serif TC Variable",serif;font-weight:600}.singalong__back,.singalong__fullscreen{min-height:2.75rem;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .75rem;color:#fffaf2c7;border:1px solid rgba(255,250,242,.16);border-radius:999px;background:#24181447;font:inherit;font-size:.74rem;letter-spacing:.05em;text-decoration:none;cursor:pointer;backdrop-filter:blur(.7rem);transition:color .16s ease,border-color .16s ease,background-color .16s ease}.singalong__back{justify-self:start}.singalong__fullscreen{justify-self:end}.singalong__back:hover,.singalong__back:focus-visible,.singalong__fullscreen:hover,.singalong__fullscreen:focus-visible{color:#fff;border-color:#d9b17dad;background:#241814a3;outline:none}.singalong__back:focus-visible,.singalong__fullscreen:focus-visible,.singalong__play:focus-visible,.singalong__timeline input:focus-visible{box-shadow:0 0 0 3px #d9b17d59}.singalong__back svg,.singalong__fullscreen svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.singalong__fullscreen .is-exit,.singalong[data-fullscreen=true] .singalong__fullscreen .is-enter{display:none}.singalong[data-fullscreen=true] .singalong__fullscreen .is-exit{display:block}.singalong__stage{width:min(92vw,108rem);height:100%;display:grid;place-items:center;margin-inline:auto;padding:clamp(6rem,12vh,9rem) 0 clamp(7.5rem,15vh,10rem);text-align:center}.singalong__title,.singalong__lyrics{grid-area:1 / 1;width:100%;transition:opacity .68s ease,transform .76s cubic-bezier(.2,.72,.2,1)}.singalong__title[data-visible=false],.singalong__lyrics[data-visible=false]{opacity:0;transform:translateY(-1.2rem) scale(.985);pointer-events:none}.singalong__title[data-visible=true],.singalong__lyrics[data-visible=true]{opacity:1;transform:none}.singalong__title p{margin:0;color:#fffaf2b8;font-size:clamp(.9rem,1.35vw,1.35rem);font-weight:500;letter-spacing:.28em}.singalong__title h1{margin:1.2rem 0 0;color:#fffdf9;font-family:"Noto Serif TC Variable",serif;font-size:clamp(4rem,8.2vw,9rem);font-weight:600;line-height:1.08;letter-spacing:.12em;text-shadow:0 .18rem 1.3rem rgba(17,10,8,.66),0 0 4rem rgba(217,177,125,.2)}.singalong__title>span{display:inline-block;margin-top:1.55rem;padding-top:1.3rem;color:var(--singalong-gold);border-top:1px solid rgba(217,177,125,.55);font-family:"Noto Serif TC Variable",serif;font-size:clamp(1.1rem,1.8vw,1.8rem);letter-spacing:.24em}.singalong__entry-cue{display:grid;justify-items:center;gap:.9rem;margin-top:clamp(1.6rem,3vh,2.5rem);padding:.75rem clamp(1.35rem,2.2vw,2.2rem) .9rem;opacity:0;border-radius:999px;background:radial-gradient(ellipse,rgba(217,177,125,.1),transparent 72%);transform:translateY(.65rem);transition:opacity .52s ease,transform .72s cubic-bezier(.2,.72,.2,1)}.singalong__entry-cue small{color:#fffaf2c2;font-family:Noto Sans TC Variable,sans-serif;font-size:clamp(.9rem,1.1vw,1.15rem);font-weight:600;letter-spacing:.32em;text-indent:.32em;text-shadow:0 .15rem .8rem rgba(17,10,8,.78)}.singalong__entry-cue>span{display:flex;align-items:center;gap:clamp(1rem,1.4vw,1.4rem)}.singalong__entry-cue i{width:clamp(.9rem,1.2vw,1.25rem);aspect-ratio:1;display:block;border:1px solid rgba(255,250,242,.24);border-radius:50%;background:#fffaf214;box-shadow:inset 0 0 .3rem #fffaf214;transform:scale(.88);transition:background-color .42s ease,border-color .42s ease,box-shadow .56s ease,transform .56s cubic-bezier(.2,.72,.2,1)}.singalong__entry-cue:not([data-step="0"]){opacity:1;transform:translateY(0)}.singalong__entry-cue[data-step="1"] i:nth-child(1),.singalong__entry-cue[data-step="2"] i:nth-child(-n+2),.singalong__entry-cue[data-step="3"] i{border-color:#f7d5a9e6;background:#edc58f;box-shadow:0 0 .7rem #edc58fb8,0 0 1.8rem #d9b17d70;transform:scale(1)}.singalong__lyrics{display:grid;grid-template-rows:minmax(3rem,.7fr) minmax(8rem,auto) minmax(3rem,.7fr);align-items:center;gap:clamp(1rem,2.4vh,2rem)}.singalong__line{width:100%;margin:0;font-family:"Noto Serif TC Variable",serif;text-wrap:balance}.singalong__line--previous,.singalong__line--next{color:#fffaf275;font-size:clamp(1.45rem,2.35vw,2.7rem);font-weight:500;line-height:1.35;letter-spacing:.06em;text-shadow:0 .15rem 1rem rgba(17,10,8,.72)}.singalong__current-wrap{position:relative;z-index:0;width:-moz-fit-content;width:fit-content;max-width:100%;justify-self:center;padding:.55rem clamp(1rem,2.5vw,2.5rem) 1.25rem}.singalong__current-wrap:before{content:"";position:absolute;inset:8% -8%;z-index:-1;opacity:.13;border-radius:50%;background:radial-gradient(ellipse,rgba(229,190,145,.52),transparent 68%);filter:blur(1.6rem);transform:scale(.92)}.singalong[data-playing=true] .singalong__current-wrap:before{animation:singalong-phrase-breathe 2.8s ease-in-out infinite}.singalong__line--current{color:#fffdf9;font-size:clamp(3.25rem,5.75vw,6.8rem);font-weight:700;line-height:1.22;letter-spacing:.06em;text-shadow:0 .2rem .65rem rgba(17,10,8,.92),0 0 2.2rem rgba(17,10,8,.68),0 0 4.5rem rgba(217,177,125,.22)}.singalong__line-progress{position:absolute;right:clamp(1rem,2.5vw,2.5rem);bottom:0;left:clamp(1rem,2.5vw,2.5rem);height:.16rem;overflow:hidden;border-radius:999px;background:#fffaf22e}.singalong__line-progress:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#c99054,#f3d3a6);box-shadow:0 0 1rem #d9b17d94;transform:scaleX(calc(var(--line-progress, 0%) / 100%));transform-origin:left}@keyframes singalong-phrase-breathe{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:.22;transform:scale(1.04)}}.singalong__controls{position:absolute;right:clamp(1.25rem,3vw,3rem);bottom:clamp(1.15rem,2.4vw,2.3rem);left:clamp(1.25rem,3vw,3rem);z-index:3;min-height:4.7rem;display:grid;grid-template-columns:auto minmax(16rem,1fr) minmax(12rem,15rem) auto;align-items:center;gap:clamp(1rem,2vw,1.75rem);padding:.75rem .9rem;border:1px solid rgba(255,250,242,.17);border-radius:1.15rem;background:#231713b8;box-shadow:0 1.25rem 4rem #110a0847;backdrop-filter:blur(1.1rem) saturate(110%);transition:opacity .26s ease,transform .26s ease}.singalong[data-controls-visible=false] [data-singalong-chrome]{opacity:0;transform:translateY(.75rem);pointer-events:none}.singalong[data-controls-visible=false] .singalong__topbar{transform:translateY(-.75rem)}.singalong__play{--instrumental-load-progress-number: 0;position:relative;width:3.15rem;height:3.15rem;display:grid;place-items:center;padding:0;color:var(--singalong-ink);border:0;border-radius:50%;background:var(--singalong-ivory);cursor:pointer}.singalong__play:disabled{opacity:.45;cursor:not-allowed}.singalong__play svg{width:1.3rem;height:1.3rem;fill:currentColor;stroke:currentColor;stroke-width:2;stroke-linecap:round}.singalong__play .is-pause,.singalong[data-playing=true] .singalong__play .is-play{display:none}.singalong[data-playing=true] .singalong__play .is-pause{display:block}.singalong__timeline{min-width:0}.singalong__timeline input[type=range]{width:100%;height:1.7rem;display:block;margin:0;padding:0;outline:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.singalong__timeline input[type=range]::-webkit-slider-runnable-track{height:.26rem;border-radius:999px;background:linear-gradient(90deg,var(--singalong-gold) 0 var(--audio-progress, 0%),rgba(255,250,242,.2) var(--audio-progress, 0%) 100%)}.singalong__timeline input[type=range]::-webkit-slider-thumb{width:.9rem;height:.9rem;margin-top:-.32rem;border:2px solid #fffaf2;border-radius:50%;background:var(--singalong-gold);box-shadow:0 .15rem .5rem #110a0873;-webkit-appearance:none;appearance:none}.singalong__timeline input[type=range]::-moz-range-track{height:.26rem;border-radius:999px;background:#fffaf233}.singalong__timeline input[type=range]::-moz-range-progress{height:.26rem;border-radius:999px;background:var(--singalong-gold)}.singalong__timeline input[type=range]::-moz-range-thumb{width:.9rem;height:.9rem;border:2px solid #fffaf2;border-radius:50%;background:var(--singalong-gold)}.singalong__timeline>div{display:flex;justify-content:space-between;gap:1rem;color:#fffaf2a3;font-size:.68rem;letter-spacing:.07em}.singalong__timeline output{font-family:Montserrat,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0}.singalong__guide-vocal{min-width:0;display:grid;grid-template-columns:auto minmax(5.5rem,1fr) 2.35rem;align-items:center;gap:.65rem;padding-left:clamp(.75rem,1.4vw,1.25rem);border-left:1px solid rgba(255,250,242,.14)}.singalong__guide-vocal>span{display:grid;gap:.04rem}.singalong__guide-vocal strong{color:#fffaf2db;font-size:.72rem;font-weight:600;letter-spacing:.08em;white-space:nowrap}.singalong__guide-vocal small{color:var(--singalong-gold);font-family:Montserrat,sans-serif;font-size:.52rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.singalong__guide-vocal input[type=range]{width:100%;height:1.5rem;margin:0;padding:0;outline:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.singalong__guide-vocal input[type=range]::-webkit-slider-runnable-track{height:.2rem;border-radius:999px;background:#fffaf238}.singalong__guide-vocal input[type=range]::-webkit-slider-thumb{width:.82rem;height:.82rem;margin-top:-.31rem;border:2px solid #fffaf2;border-radius:50%;background:var(--singalong-gold);box-shadow:0 0 .65rem #d9b17d6b;-webkit-appearance:none;appearance:none}.singalong__guide-vocal input[type=range]::-moz-range-track{height:.2rem;border-radius:999px;background:#fffaf238}.singalong__guide-vocal input[type=range]::-moz-range-thumb{width:.7rem;height:.7rem;border:2px solid #fffaf2;border-radius:50%;background:var(--singalong-gold)}.singalong__guide-vocal input:focus-visible{border-radius:999px;box-shadow:0 0 0 3px #d9b17d59}.singalong__guide-vocal input:disabled{opacity:.4;cursor:not-allowed}.singalong__guide-vocal output{color:#fffaf2a3;font-family:Montserrat,sans-serif;font-size:.64rem;font-variant-numeric:tabular-nums;text-align:right}.singalong__shortcuts{margin:0;color:#fffaf28a;font-size:.64rem;line-height:1.7;white-space:nowrap}.singalong__shortcuts kbd{color:#fffaf2c2;font-family:Montserrat,sans-serif;font-size:.6rem}@media(max-aspect-ratio:4 / 3){.singalong__stage{width:min(94vw,70rem)}.singalong__line--current{font-size:clamp(2.8rem,7.2vw,5.5rem)}}@media(max-width:760px){.singalong-audio-dock{top:4.65rem;right:.7rem;gap:.45rem;transform:none}.singalong-audio-dock__trigger{width:2.75rem}.singalong-audio-dock__panel{right:calc(100% + .5rem);width:min(15rem,calc(100vw - 4.6rem))}.singalong__art img{-o-object-position:58% center;object-position:58% center}.singalong__petals i:nth-child(n+9){display:none}.singalong__topbar{min-height:4rem;grid-template-columns:auto 1fr auto;gap:.5rem;padding:.65rem .75rem}.singalong__topbar>p{justify-content:center}.singalong__topbar>p span,.singalong__back span,.singalong__fullscreen span{display:none}.singalong__back,.singalong__fullscreen{width:2.65rem;height:2.65rem;justify-content:center;padding:0}.singalong__stage{width:calc(100% - 1.5rem);padding-block:5.2rem 9.6rem}.singalong__title p{font-size:.72rem;letter-spacing:.16em}.singalong__title h1{font-size:clamp(3.15rem,15vw,5.2rem);letter-spacing:.06em}.singalong__title>span{margin-top:1rem;padding-top:.9rem;font-size:1rem}.singalong__entry-cue{margin-top:1.25rem;gap:.6rem;padding:.55rem 1rem .65rem}.singalong__entry-cue small{font-size:.82rem}.singalong__entry-cue>span{gap:.78rem}.singalong__entry-cue i{width:.82rem}.singalong__lyrics{grid-template-rows:minmax(2rem,.7fr) minmax(6rem,auto) minmax(2rem,.7fr);gap:.8rem}.singalong__line--previous,.singalong__line--next{font-size:clamp(1.05rem,4.8vw,1.35rem);line-height:1.5}.singalong__current-wrap{padding:.4rem .25rem 1rem}.singalong__line--current{font-size:clamp(2.05rem,9.5vw,3.25rem);line-height:1.32;letter-spacing:.03em}.singalong__line-progress{right:.25rem;left:.25rem}.singalong__controls{right:.7rem;bottom:max(.7rem,env(safe-area-inset-bottom));left:.7rem;min-height:4.2rem;grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:.6rem .7rem;border-radius:.9rem}.singalong__guide-vocal{grid-column:1 / -1;grid-template-columns:3.9rem minmax(0,1fr) 2.35rem;gap:.6rem;padding:.45rem .15rem 0;border-top:1px solid rgba(255,250,242,.12);border-left:0}.singalong__guide-vocal>span{display:flex;align-items:baseline;gap:.35rem}.singalong__play{width:2.85rem;height:2.85rem}.singalong__shortcuts{display:none}}@media(pointer:coarse){.singalong[data-controls-visible=false] [data-singalong-chrome]{opacity:1;transform:none;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.singalong__title,.singalong__lyrics,.singalong__topbar,.singalong__controls{transition:none}.singalong__current-wrap:before{animation:none!important}.singalong__petals i{display:none;animation:none}.singalong__entry-cue,.singalong__entry-cue i,.singalong-audio-dock__trigger,.singalong-audio-dock__panel,.singalong-audio-dock__ring .is-progress{transition:none}.singalong-audio-dock__source[data-state=ready] .is-check{animation:none}}