:root{--bg:#f2f2f7;--card:#fff;--label:#000;--label2:#3c3c4399;--label3:#3c3c434d;--sep:#3c3c4333;--fill:#7676801f;--thumb:#fff;--glass:#f9f9fbeb;--tint:#003876;--tint-soft:#00387617;--err:#d70015;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Apple SD Gothic Neo","Pretendard","Noto Sans KR",system-ui,sans-serif;--ease:cubic-bezier(.3,.7,.4,1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#000;--card:#1c1c1e;--label:#fff;--label2:#ebebf599;--label3:#ebebf54d;--sep:#54545899;--fill:#7676803d;--thumb:#636366;--glass:#1c1c1ee6;--tint:#6ea8ff;--tint-soft:#6ea8ff29;--err:#ff6961;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#000;--card:#1c1c1e;--label:#fff;--label2:#ebebf599;--label3:#ebebf54d;--sep:#54545899;--fill:#7676803d;--thumb:#636366;--glass:#1c1c1ee6;--tint:#6ea8ff;--tint-soft:#6ea8ff29;--err:#ff6961;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--label);font:17px/1.4 var(--font);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;word-break:keep-all;margin:0}body{padding-bottom:calc(176px + env(safe-area-inset-bottom,0px))}.inner{max-width:640px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}button,select{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--tint);outline-offset:2px;border-radius:8px}.tint{color:var(--tint)}.err{color:var(--err)}.top{padding-top:calc(env(safe-area-inset-top,0px) + 28px);padding-bottom:6px}.title-row{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.title-info{min-width:0}.logo-row{border-radius:8px;flex:none;align-items:center;gap:8px;text-decoration:none;display:flex}.choir-logo{object-fit:contain;background:#fff;border-radius:10px;flex:none;width:64px;height:64px;display:block}.logo-credit{color:var(--label2);white-space:nowrap;font-size:11px}.title-home{min-width:0;max-width:100%;color:inherit;border-radius:8px;text-decoration:none;display:block}.title-home:active,.logo-row:active{opacity:.65}.brand{letter-spacing:.06em;text-transform:uppercase;color:var(--tint);font-size:clamp(10px,2.8vw,13px);font-weight:600}h1{letter-spacing:-.02em;margin:2px 0 0;font-size:clamp(24px,6vw,34px);font-weight:700;line-height:1.15}@media (width<=360px){.choir-logo{width:48px;height:48px}.logo-row{gap:6px}.logo-credit{font-size:10px}}.by{color:var(--label2);flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;font-size:15px;display:flex}.pill{background:var(--fill);min-height:34px;color:var(--tint);transition:transform .15s var(--ease),opacity .15s;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:15px;font-weight:600;display:inline-flex}.pill.filled{background:var(--tint);color:#fff}.pill:disabled{opacity:.4}select.pill{appearance:none;text-align:center}.ib{color:var(--label);transition:transform .15s var(--ease),opacity .15s;border-radius:999px;place-items:center;display:inline-grid}.ib:active,.pill:active:not(:disabled){transform:scale(.92)}.controls{z-index:10;background:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid var(--sep);padding:8px 0 10px;position:sticky;top:0}.controls .inner{gap:8px;display:grid}.song-tabs{scrollbar-width:none;border-bottom:.5px solid var(--sep);gap:16px;display:flex;overflow-x:auto}.song-tabs::-webkit-scrollbar{display:none}.song-tabs button{min-height:42px;color:var(--label2);white-space:nowrap;flex:1 0 auto;padding:0 8px 8px;font-size:15px;font-weight:600;position:relative}.song-tabs button[aria-pressed=true]{color:var(--tint)}.song-tabs button[aria-pressed=true]:after{content:"";background:var(--tint);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:8px;right:8px}.seg{grid-template-columns:repeat(var(--n),1fr);background:var(--fill);border-radius:9px;padding:2px;display:grid;position:relative}.seg .thumb{width:calc((100% - 4px) / var(--n));background:var(--thumb);transform:translateX(calc(100% * var(--i)));transition:transform .28s var(--ease);border-radius:7px;position:absolute;top:2px;bottom:2px;left:2px;box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a}.seg button{z-index:1;min-height:32px;color:var(--label);white-space:nowrap;border-radius:7px;padding:0 4px;font-size:14px;font-weight:500;position:relative}.seg button[aria-checked=true]{font-weight:600}.seg button:disabled{color:var(--label3);cursor:default}.part-select .seg button{min-height:36px;font-size:15px}.seg.wrap{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.seg.wrap .thumb{display:none}.seg.wrap button{min-width:0;min-height:40px;font-size:14px}.seg.wrap button[aria-checked=true]{background:var(--thumb);box-shadow:0 2px 5px #0000001a}.seg.wrap button:last-child:nth-of-type(4n+1){grid-column:1/-1}@media (width<=360px){.seg.wrap button{padding:0 2px;font-size:13px}}.part-notice{color:var(--label2);margin:6px 4px 0;font-size:12px}.listen-controls{align-items:center;gap:8px;display:flex}.listen-label{color:var(--label2);flex:none;font-size:11px;font-weight:500}.listen-modes{flex:1;gap:6px;min-width:0;display:flex}.listen-modes button{border:1px solid var(--sep);white-space:nowrap;min-height:34px;color:var(--label2);border-radius:999px;flex:1 0 auto;padding:4px;font-size:13px;font-weight:500;line-height:1.3;transition:background .15s,border-color .15s,color .15s}.listen-modes button[aria-checked=true]{background:var(--tint-soft);border-color:var(--tint);color:var(--tint);font-weight:600}.listen-modes button:active{background:var(--fill)}.listen-modes button:disabled{opacity:.4;cursor:default}.hero{padding:26px 4px 10px}.hero .eyebrow{color:var(--label2);font-size:13px;font-weight:600}.hero .sec{letter-spacing:-.025em;margin-top:2px;font-size:clamp(34px,10vw,48px);font-weight:700;line-height:1.1}.hero .sub{color:var(--label2);min-height:1.5em;margin-top:6px;font-size:15px}.group{margin-top:22px}.ghead{color:var(--label2);text-transform:uppercase;letter-spacing:.02em;margin:0 0 6px 16px;font-size:13px;font-weight:400}.gfoot{color:var(--label2);margin:7px 16px 0;font-size:13px;line-height:1.38}.gfoot b{color:var(--label);font-weight:600}.list{background:var(--card);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.list li+li .row:before{content:"";border-top:.5px solid var(--sep);position:absolute;top:0;left:52px;right:0}.row{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;text-align:left;grid-template-columns:36px 1fr auto;align-items:center;gap:0;width:100%;min-height:46px;padding:0 16px;transition:background .15s;display:grid;position:relative}.row:active:not(:disabled){background:var(--fill)}.row.on{background:var(--tint-soft)}.row .name{font-size:17px}.row.cur .name{color:var(--tint);font-weight:600}.row .time{color:var(--label2);font-variant-numeric:tabular-nums;font-size:15px}.row .lead{color:var(--tint);place-items:start;display:grid}.row.act:disabled{opacity:1}.row.act .name{color:var(--tint)}.eq{align-items:flex-end;gap:2px;height:14px;display:flex}.eq i{background:var(--tint);border-radius:1px;width:3px;height:40%}.eq i:nth-child(2){height:100%}.eq i:nth-child(3){height:65%}.eq.live i{animation:.9s ease-in-out infinite alternate eq}.eq.live i:nth-child(2){animation-delay:-.3s}.eq.live i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%{height:25%}to{height:100%}}@media (prefers-reduced-motion:reduce){.eq.live i{animation:none}.seg .thumb{transition:none}}.install{background:var(--card);border-radius:14px;align-items:center;gap:12px;margin-top:16px;padding:12px 12px 12px 14px;display:flex}.install img{border-radius:11px;flex:none}.install .txt{color:var(--label2);flex:1;gap:1px;font-size:14px;line-height:1.35;display:grid}.install .txt b{color:var(--label);font-weight:600}.install .txt svg{vertical-align:-2px;color:var(--tint)}.install .close{width:30px;height:30px;color:var(--label2);background:var(--fill)}.card{background:var(--card);border-radius:12px;padding:14px}.mark .btns{flex-wrap:wrap;gap:8px;display:flex}.mark textarea{background:var(--bg);width:100%;min-height:150px;color:var(--label);border:0;border-radius:8px;margin-top:12px;padding:10px;font:13px/1.5 ui-monospace,SF Mono,monospace}.foot{text-align:center;color:var(--label3);margin:32px 0 8px;font-size:12px}.player{z-index:20;background:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:.5px solid var(--sep);padding:6px 0 calc(10px + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0}.tl{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;height:28px;position:relative}.tl .track{background:var(--label3);height:4px;transition:height .2s var(--ease),top .2s var(--ease);border-radius:2px;position:absolute;top:12px;left:0;right:0;overflow:hidden}.tl .fill{background:var(--label2);position:absolute;top:0;bottom:0;left:0}.tl .band{background:var(--tint);opacity:.45;position:absolute;top:0;bottom:0}.tl .tick{background:var(--glass);width:1.5px;margin-left:-.75px;position:absolute;top:0;bottom:0}.tl .knob{background:var(--label2);opacity:0;width:12px;height:12px;transition:opacity .2s,transform .2s var(--ease);border-radius:50%;margin-left:-6px;position:absolute;top:8px;transform:scale(.5)}.tl.drag .track{border-radius:4px;height:8px;top:10px}.tl.drag .fill{background:var(--label)}.tl.drag .knob{opacity:1;background:var(--label);width:14px;height:14px;margin-left:-7px;top:7px;transform:scale(1)}.times{color:var(--label2);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-4px;font-size:12px;font-weight:500;display:flex}.transport{grid-template-columns:1fr auto auto auto 1fr;align-items:center;gap:18px;margin-top:2px;display:grid}.transport .speed{font-variant-numeric:tabular-nums;justify-self:start;min-width:52px}.transport .ib{width:52px;height:52px}.transport .play{width:64px;height:64px}.transport .repeat{width:40px;height:40px;color:var(--label2);justify-self:end}.transport .repeat[aria-pressed=true]{background:var(--tint);color:#fff}@media (width<=360px){.transport{gap:8px}}.row-head{justify-content:space-between;align-items:baseline;margin-right:16px;display:flex}.row-head h2{font:inherit;letter-spacing:inherit;margin:0}.link{color:var(--tint);text-transform:none;letter-spacing:0;font-size:13px}.lyr{gap:4px;padding:2px 16px 14px 52px;display:grid}.lyr .ln{color:var(--label3);transition:font-size .2s var(--ease),color .2s;margin:0;font-size:16px;line-height:1.45}.lyr .ln.past{color:var(--label2)}.lyr .ln.now{color:var(--label);font-size:21px;font-weight:600}.lyr .ln.now .syl{background:linear-gradient(90deg,var(--tint) calc(var(--p) * 100%),var(--label3) calc(var(--p) * 100%));color:#0000;-webkit-background-clip:text;background-clip:text}.lyr.empty{color:var(--label2);margin:0;padding:2px 16px 12px 52px;font-size:13px}.tap .now-line{word-break:keep-all;margin:4px 0 10px;font-size:22px;line-height:1.5}.tap .syl{cursor:pointer;border-radius:4px}.tap .syl.done{color:var(--tint)}.tap .syl.next{outline:2px solid var(--tint);outline-offset:1px;background:var(--tint-soft)}.tap .ctx{color:var(--label2);margin:0;font-size:15px}.tap .big{width:100%;min-height:72px;margin:12px 0 8px;font-size:20px}.tap .stat{color:var(--label2);font-variant-numeric:tabular-nums;font-size:13px}.tap .row-btns{flex-wrap:wrap;gap:8px;display:flex}.gfoot code,.tap code{font:12px ui-monospace,SF Mono,monospace}.tap .line-next{outline:2px solid var(--tint);outline-offset:4px;background:var(--tint-soft);border-radius:6px}.tap .now-line[role=button],.tap .ctx[role=button]{cursor:pointer}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.practice-layout{max-width:1040px}.practice-layout>:not(.practice){max-width:608px;margin-left:auto;margin-right:auto}.practice{margin-top:18px}.practice-heading{justify-content:space-between;align-items:center;gap:16px;margin:0 4px 10px;display:flex}.practice-heading h2{margin:0;font-size:17px;font-weight:600}.practice-heading .seg{width:300px;max-width:65%}.practice-card{background:var(--card);border:1px solid var(--sep);border-radius:16px;overflow:hidden}.practice-lyrics{padding:18px 24px 20px}.practice-section{color:var(--tint);margin-bottom:10px;font-size:13px;font-weight:600}.practice-lyrics .lyr{overscroll-behavior:contain;scrollbar-width:thin;overflow-anchor:none;min-height:120px;max-height:30svh;padding:4px 0 12px;display:block;overflow-y:auto}.practice-lyrics .ln+.ln{margin-top:9px}.practice-lyrics .ln{font-size:20px;line-height:1.6}.practice-lyrics .ln.now{font-size:clamp(26px,4vw,32px);line-height:1.5}.lyric-notice{min-height:84px;color:var(--label2);align-items:center;margin:0;font-size:17px;display:flex}.score{border-top:1px solid var(--sep)}.score:first-child{border-top:0}.score-toolbar{background:var(--card);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.score-paging,.score-actions{align-items:center;gap:6px;display:flex}.score-toolbar .pill{white-space:nowrap;min-height:36px;padding:6px 12px;font-size:13px}.score-paging>button{width:36px;padding:0;font-size:24px;line-height:1}.score-page-label select{text-align:center;min-height:36px;color:var(--label);background:var(--card);border-radius:6px;font-size:14px;font-weight:600}.score-viewport{overscroll-behavior:contain;scrollbar-width:thin;color:#111;background:#e7e8ec;height:clamp(340px,55svh,640px);overflow:auto}.score-image{background:#fff;max-width:none;height:auto;margin:0 auto;display:block}.score-hint{color:var(--label2);margin:0;padding:9px 14px 12px;font-size:12px}.score-follow{min-height:40px;color:var(--label2);justify-content:space-between;align-items:center;gap:8px;padding:0 14px 8px;font-size:12px;display:flex}.score-follow .pill{min-height:30px;padding:4px 12px;font-size:12px}.score-dialog .score-follow{flex:none}.score-error{padding:24px;font-size:16px}.score-dialog{border:1px solid var(--sep);background:var(--card);width:calc(100% - 24px);max-width:1400px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);color:var(--label);border-radius:16px;padding:0;overflow:hidden}.score-dialog[open]{flex-direction:column;display:flex}.score-dialog::backdrop{background:#0009}.score-dialog-heading{padding:16px 16px 4px;font-size:17px;font-weight:600}.score-dialog .score-viewport{height:auto;min-height:0;margin-bottom:env(safe-area-inset-bottom,0px);flex:1}.score-dialog .score-toolbar{flex:none}@media (width<=500px){.practice-heading{gap:8px}.practice-heading h2{font-size:15px}.practice-heading .seg{width:260px;max-width:69%}.practice-heading .seg button{font-size:12px}.practice-lyrics{padding:16px}.score-toolbar{gap:4px;padding:9px 8px}.score-toolbar .pill{padding:6px 9px}.score-paging,.score-actions{gap:4px}.score-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;padding-top:env(safe-area-inset-top,0px);border:0;border-radius:0}}.tap .seg{margin-bottom:12px}