:root{--background:oklch(98% .001 286);--foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--border:oklch(92% .004 286.32);--primary:oklch(52.7% .154 150.069);--primary-ink:oklch(52.7% .154 150.069);--primary-soft:color-mix(in srgb, var(--primary) 12%, var(--card));--success:#16a34a;--warning:#d97706;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--border:oklch(100% 0 0/.1);--primary:oklch(44.8% .119 151.328);--primary-ink:oklch(79.2% .209 151.711);--primary-soft:color-mix(in srgb, var(--primary) 28%, var(--card));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--background);height:100%;color:var(--foreground);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}.bad-code{text-align:center;color:var(--muted-foreground);padding:30vh 24px 0}.app{--size:19px;--scale:1;flex-direction:column;height:100dvh;display:flex;position:relative}.hd{padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));background:var(--card);border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.brand-app{color:var(--muted-foreground);margin-left:5px;font-weight:500}.mark{width:28px;height:28px}.mark-dark,[data-theme=dark] .mark-light{display:none}[data-theme=dark] .mark-dark{display:block}.status{color:var(--muted-foreground);align-items:center;gap:6px;font-size:12px;display:flex}.status:before{content:"";background:var(--muted-foreground);border-radius:50%;width:6px;height:6px}.status.is-live:before{background:var(--success)}.status.is-waiting:before{background:var(--warning);animation:1.2s ease-in-out infinite blink}@keyframes blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.status.is-waiting:before{animation:none}}.body{flex:auto;min-height:0;position:relative}.pane{font-size:calc(var(--size) * var(--scale));position:absolute;inset:0}.tabs{background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);flex:none;display:flex}.tab{color:var(--muted-foreground);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0 10px;font-size:11px;font-weight:600;display:flex}.tab.is-on{color:var(--foreground)}[data-trouble]:after{content:attr(data-trouble);inset-inline:0;text-align:center;color:var(--muted-foreground);padding:0 24px;position:absolute;top:40%}.page{flex-direction:column;display:flex}.top{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:none;justify-content:center;max-height:50%;margin:12px 12px 0;padding:16px;display:flex;overflow-y:auto}.is-none .top{display:none}.is-song .top{flex:auto;max-height:none;margin-bottom:12px}.is-song.song-captions .top{flex:none;max-height:50%;margin-bottom:0}.no-captions .top{flex:auto;max-height:none;margin-bottom:12px}.no-captions.is-none .top{display:flex}.is-idle .top{background:0 0;border:none;flex:auto;max-height:none;margin:0;display:flex}.is-idle .transcript,.is-idle .listening,.is-idle .strip{display:none}.ref{color:var(--primary-ink);margin:0 0 8px;font-size:13px;font-weight:600}.verse,.lyric,.idle{white-space:pre-wrap;margin:0;line-height:1.5}.lyric{line-height:1.6}.idle{color:var(--muted-foreground);text-align:center}.transcript{overscroll-behavior:contain;flex:auto;min-height:0;padding:16px 20px 4px;line-height:1.5;overflow-y:auto}.transcript p{content-visibility:auto;contain-intrinsic-size:auto 3em;margin:0 0 .65em}.transcript p.gap{margin-top:1.1em}.transcript .open{color:var(--muted-foreground)}.transcript .marker{letter-spacing:.04em;color:var(--primary-ink);margin:1.2em 0 .4em;font-size:12px;font-weight:600}.transcript .marker:first-child{margin-top:0}.listening,.strip{color:var(--muted-foreground);margin:0;padding:0 20px 10px;font-size:13px}.strip{text-align:center}.jump{z-index:1;border:1px solid var(--border);background:var(--card);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.order-page{overscroll-behavior:contain;padding:12px 0 24px;overflow-y:auto}.order-name{letter-spacing:-.01em;color:var(--foreground);margin:4px 20px 14px;font-size:17px;font-weight:700}.offplan{color:var(--muted-foreground);margin:0 20px 10px;font-size:13px}.order{margin:0;padding:0;list-style:none}.order .block{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);margin:20px 20px 4px;font-size:12px;font-weight:600}.order .block:first-child{margin-top:4px}.row{border-bottom:1px solid var(--border);align-items:baseline;gap:16px;padding:12px 20px;scroll-margin:25vh;line-height:1.3;display:flex}.row-text{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.row-title{overflow-wrap:anywhere}.row:not(.is-song) .row-title{color:var(--muted-foreground)}.row.is-past{opacity:.4}.row.is-at{background:var(--primary-soft);border-bottom-color:#0000}.row.is-at .row-title,.row.is-at .key{font-weight:700}.row-meta{color:var(--muted-foreground);font-size:.72em}.key{text-align:right;font-variant-numeric:tabular-nums;flex:0 0 2.4em;font-weight:600}.tag{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);font-size:11px;font-weight:600}.order>.idle{padding-top:30vh}.look-page{padding:12px;font-size:15px;overflow-y:auto}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px}.setting{justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.setting+.setting{border-top:1px solid var(--border)}.setting-stack{flex-direction:column;align-items:stretch;gap:10px}.setting-text{flex-direction:column;gap:2px;display:flex}.setting-title{font-weight:600}.hint{color:var(--muted-foreground);margin:0;font-size:13px}.stepper{border:1px solid var(--border);border-radius:10px;align-items:center;display:flex;overflow:hidden}.stepper-button{background:0 0;border:none;width:44px;height:36px;font-weight:600}.stepper-button:disabled{color:var(--muted-foreground);cursor:default}.stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:2.5em;font-weight:600}.switch{background:var(--border);border:none;border-radius:999px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--primary)}.switch[aria-checked=true]:after{transform:translate(18px)}.choices{flex-wrap:wrap;gap:8px;display:flex}.choice{border:1px solid var(--border);background:0 0;border-radius:999px;padding:8px 14px;font-weight:500}.choice[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-ink)}.segmented{background:var(--muted);border-radius:10px;padding:3px;display:flex}.segmented button{color:var(--muted-foreground);background:0 0;border:none;border-radius:8px;flex:1;padding:8px 0;font-weight:500}.segmented button[aria-pressed=true]{background:var(--card);color:var(--foreground);box-shadow:0 0 0 1px var(--border)}@media (width>=760px) and (orientation:landscape){.order-page{max-width:720px;margin:0 auto}.look-page{max-width:560px;margin:0 auto;padding:24px}body.is-tv .app{--scale:1.5}body.is-tv .page:not(.no-captions){grid-template-columns:1fr 1fr;display:grid}body.is-tv .page .top{max-height:none;margin-bottom:12px}body.is-tv .is-none .top{display:flex}}