: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}.brand{letter-spacing:.06em;text-transform:uppercase;color:var(--tint);font-size:13px;font-weight:600}h1{letter-spacing:-.02em;margin:2px 0 0;font-size:34px;font-weight:700;line-height:1.15}.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}.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}.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}}