@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./sora-latin-ext-wght-normal-6VOG353B.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./sora-latin-wght-normal-SPU4XLJF.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ground: #0d1428;--ground-2: #111a35;--ground-3: #121d3d;--ink: #e9eeff;--muted: #8ea4d8;--dim: rgba(233, 238, 255, .4);--unsung: rgba(233, 238, 255, .3);--crystal-1: #cfe0ff;--crystal-2: #7fa9ff;--crystal-3: #4a78e6;--crystal-edge: #1d3576;--sky-1: #d8f3ff;--sky-2: #7ccbff;--sky-3: #3c93e0;--gem-off: #1e2a4e;--link: #9dc1ff;--tint: #24357f;--font: "Sora Variable", "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}html,body{margin:0;height:100%;background:var(--ground);color:var(--ink);font-family:var(--font)}[hidden]{display:none!important}.stage{position:relative;box-sizing:border-box;height:100%;overflow:hidden;display:flex;align-items:center;gap:clamp(20px,5vw,56px);padding:clamp(16px,5vmin,48px) clamp(16px,6vw,64px);background:radial-gradient(ellipse at 18% 40%,color-mix(in srgb,var(--tint) 42%,transparent),transparent 62%),conic-gradient(from 210deg at 18% 30%,var(--ground-2),var(--ground) 25%,var(--ground-3) 50%,#0c1326 75%,var(--ground-2))}.facets{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(127,169,255,.06) 0 25%,transparent 25% 50%,rgba(127,169,255,.04) 50% 75%,transparent 75%);background-size:180px 180px}.stage[data-view=message] .card,.stage[data-view=message] .lyrics,.stage[data-view=player] .message{display:none}.message{position:relative;margin:auto;max-width:34ch;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.hat{width:40px;height:40px;color:var(--crystal-2)}.message-title{margin:0;font-size:clamp(20px,4.6vmin,30px);font-weight:700;text-wrap:balance}.message-sub{margin:0;color:var(--muted);font-size:clamp(14px,2.8vmin,17px);line-height:1.5;text-wrap:balance}.card{position:relative;flex:none;width:clamp(110px,min(30vw,50vh),300px)}.frame{padding:5px;border-radius:14px;background:linear-gradient(135deg,var(--crystal-1),var(--crystal-2) 40%,var(--crystal-3) 70%,var(--crystal-edge));box-shadow:0 18px 40px #00000073}.art{aspect-ratio:1;max-width:100%;border-radius:10px;background-color:var(--ground-2);background-size:cover;background-position:center}.art.drawn{background-image:radial-gradient(circle at 30% 42%,#ffd48a 0 7%,rgba(255,176,70,.4) 9%,transparent 16%),radial-gradient(circle at 68% 30%,#ffc870 0 6%,rgba(255,170,60,.35) 8%,transparent 14%),radial-gradient(circle at 52% 70%,#ffb85c 0 5%,rgba(255,160,60,.3) 7%,transparent 12%),repeating-linear-gradient(105deg,rgba(255,255,255,.1) 0 1px,transparent 1px 7px),linear-gradient(180deg,#24357f,#0b1030)}.info{display:flex;flex-direction:column;gap:8px;margin-top:14px;min-width:0}.title{margin:0;font-size:clamp(15px,3vmin,20px);font-weight:700;line-height:1.25;overflow-wrap:anywhere}.artist{margin:-4px 0 0;color:var(--muted);font-size:clamp(12px,2.3vmin,14px)}.gems{display:flex;gap:2px}.gems i{flex:1;max-width:22px;height:10px;clip-path:polygon(18% 0,82% 0,100% 50%,82% 100%,18% 100%,0 50%);background:var(--gem-off)}.gems i.on{background:linear-gradient(135deg,var(--crystal-1),var(--crystal-2) 45%,var(--crystal-3))}.gems i.knob{background:linear-gradient(135deg,var(--sky-1),var(--sky-2) 45%,var(--sky-3));filter:drop-shadow(0 0 4px rgba(124,203,255,.9))}.time{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.lyrics{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:clamp(10px,2.4vmin,18px)}.lines{display:flex;flex-direction:column;gap:clamp(10px,2.4vmin,18px)}.line{color:var(--dim);font-size:clamp(15px,3.4vmin,22px);line-height:1.3;overflow-wrap:anywhere}.line.later{opacity:.6}.line.past{animation:fade .45s ease-out}.line.now{display:flex;align-items:flex-start;gap:.45em;color:var(--unsung);font-size:clamp(22px,5.6vmin,40px);font-weight:700;line-height:1.2;animation:rise .45s cubic-bezier(.2,.8,.2,1)}.line.opposite{text-align:right}.line.now.opposite{flex-direction:row-reverse}.mark{flex:none;width:.36em;height:.36em;margin-top:.42em;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--sky-1),var(--sky-2) 45%,var(--sky-3));box-shadow:0 0 10px #7ccbffcc}.stage[data-paused=true] .mark{opacity:.5;box-shadow:none}.body{min-width:0}.word{white-space:nowrap}.w{display:inline-block;--p: 0%;background:linear-gradient(90deg,var(--crystal-1) 0%,var(--crystal-2) calc(var(--p) * .7),var(--crystal-3) var(--p),var(--unsung) var(--p));-webkit-background-clip:text;background-clip:text;color:transparent}.background{margin-top:.3em;font-size:.55em;font-weight:500}.dots{display:inline-flex;gap:.35em;padding-top:.38em}.dots i{width:.32em;height:.32em;border-radius:50%;background:var(--crystal-2);animation:breathe 1.6s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}.plain{max-height:58vh;overflow:auto;padding-right:8px;white-space:pre-line;font-size:clamp(14px,2.8vmin,18px);line-height:1.6}.note{margin:0;color:var(--muted);font-size:clamp(14px,3vmin,19px);font-style:italic;line-height:1.45}.stage[data-lyrics=none] .note{font-size:clamp(16px,3.6vmin,24px);color:var(--crystal-1)}.credit{margin:4px 0 0;color:#7d92c6;font-size:11px;line-height:1.5}.credit a{color:var(--link)}.credit a:focus-visible{outline:2px solid var(--link);outline-offset:2px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes fade{0%{opacity:1;color:var(--crystal-1)}}@keyframes breathe{50%{opacity:.25;transform:scale(.7)}}@media(max-aspect-ratio:1/1){.stage{flex-direction:column;align-items:stretch;justify-content:center}.card{width:auto;display:flex;align-items:center;gap:14px}.frame{width:clamp(64px,18vw,110px);flex:none}.info{flex:1;margin-top:0}.lyrics{flex:0 1 auto}}@media(max-height:360px){.info{gap:6px;margin-top:10px}.artist,.time{display:none}}@media(prefers-reduced-motion:reduce){.line.now,.line.past,.dots i{animation:none}}