@font-face{font-family:Gmarket Sans;font-weight:500;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff)format("woff")}@font-face{font-family:Gmarket Sans;font-weight:700;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff)format("woff")}:root{--primary:#1f3a4a;--primary-active:#172d3a;--primary-disabled:#e4e1da;--btn-edge:#0e1f29;--btn-edge-soft:#b9b2a3;--on-primary:#fff;--ink:#1b1b1a;--body:#3a3936;--body-strong:#22211f;--muted:#5c5a55;--hairline:#e3dfd6;--hairline-strong:#cbc5b8;--canvas:#faf8f4;--surface-soft:#f2efe8;--surface-card:#fff;--surface-strong:#e8e4db;--tone-peach-bg:#fbf1ea;--tone-peach-line:#b4532a;--tone-lavender-bg:#f1eff7;--tone-lavender-line:#5a4e9c;--tone-ochre-bg:#f8f2e2;--tone-ochre-line:#8a6200;--tone-mint-bg:#ecf4f0;--tone-mint-line:#2e735b;--surface-dark:#0a1a1a;--on-dark:#fff;--brand-pink:#ff4d8b;--brand-teal:#1a3a3a;--brand-lavender:#b8a4ed;--brand-peach:#ffb084;--brand-ochre:#e8b94a;--brand-mint:#a4d4c5;--brand-coral:#ff6b5a;--success:#15803d;--warning:#b45309;--error:#b91c1c;--focus:#1d4ed8;--lane-piano:#7e22ce;--lane-cajon:#c2410c;--lane-bass:#1e3a8a;--lane-trumpet:#a16207;--loud-soft:#cfe0f5;--loud-comfy:#a4d4c5;--loud-loud:#ffb084;--loud-soft-ink:#5b7fae;--loud-comfy-ink:#2f8a6c;--loud-loud-ink:#d4562f;--font-display:"Gmarket Sans", "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-body:"Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--r-xs:3px;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:10px;--r-pill:9999px;--s-xxs:4px;--s-xs:8px;--s-sm:12px;--s-md:16px;--s-lg:24px;--s-xl:32px;--s-xxl:48px;--shadow-card:0 1px 0 #0000000a, 0 4px 12px #00000014;--transport-h:0px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--primary:#e9e4d8;--primary-active:#d8d2c4;--primary-disabled:#2a2f2e;--btn-edge:#a39d90;--btn-edge-soft:#0b0d0c;--on-primary:#151817;--ink:#f2efe8;--body:#dcd8cf;--body-strong:#ece8df;--muted:#aaa69c;--hairline:#2b302f;--hairline-strong:#3d4442;--canvas:#151817;--surface-soft:#1b1f1e;--surface-card:#1e2221;--surface-strong:#282d2c;--tone-peach-bg:#2a201b;--tone-peach-line:#e89a72;--tone-lavender-bg:#23212e;--tone-lavender-line:#b3a8ea;--tone-ochre-bg:#29241a;--tone-ochre-line:#e0b54e;--tone-mint-bg:#1b2723;--tone-mint-line:#7cc9aa;--lane-piano:#d8b4fe;--lane-cajon:#fb923c;--lane-bass:#93c5fd;--lane-trumpet:#facc15;--loud-soft-ink:#93b4e0;--loud-comfy-ink:#6fd0ad;--loud-loud-ink:#ff9a6e;--focus:#93c5fd;--success:#4ade80;--warning:#fbbf24;--error:#f87171;--shadow-card:0 1px 2px #0006, 0 6px 20px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--primary:#e9e4d8;--primary-active:#d8d2c4;--primary-disabled:#2a2f2e;--btn-edge:#a39d90;--btn-edge-soft:#0b0d0c;--on-primary:#151817;--ink:#f2efe8;--body:#dcd8cf;--body-strong:#ece8df;--muted:#aaa69c;--hairline:#2b302f;--hairline-strong:#3d4442;--canvas:#151817;--surface-soft:#1b1f1e;--surface-card:#1e2221;--surface-strong:#282d2c;--tone-peach-bg:#2a201b;--tone-peach-line:#e89a72;--tone-lavender-bg:#23212e;--tone-lavender-line:#b3a8ea;--tone-ochre-bg:#29241a;--tone-ochre-line:#e0b54e;--tone-mint-bg:#1b2723;--tone-mint-line:#7cc9aa;--lane-piano:#d8b4fe;--lane-cajon:#fb923c;--lane-bass:#93c5fd;--lane-trumpet:#facc15;--loud-soft-ink:#93b4e0;--loud-comfy-ink:#6fd0ad;--loud-loud-ink:#ff9a6e;--focus:#93c5fd;--success:#4ade80;--warning:#fbbf24;--error:#f87171;--shadow-card:0 1px 2px #0006, 0 6px 20px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--body);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;word-break:keep-all;margin:0;font-weight:700;line-height:1.3}h1{font-size:clamp(28px,6vw,40px)}h2{font-size:clamp(22px,4.5vw,28px);font-weight:500}h3{font-family:var(--font-body);letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:1.4}p{word-break:keep-all;margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--ink)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link:focus{z-index:100;background:var(--primary);color:var(--on-primary);border-radius:var(--r-md);border:0;top:8px;left:8px;clip:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:12px 16px!important;position:fixed!important;overflow:visible!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.page{max-width:960px;padding:var(--s-lg) var(--s-md) calc(var(--s-xxl) + var(--transport-h));margin:0 auto}.page-narrow{max-width:680px}.stack{gap:var(--s-md);flex-direction:column;display:flex}.stack-lg{gap:var(--s-lg);flex-direction:column;display:flex}.row{align-items:center;gap:var(--s-xs);flex-wrap:wrap;display:flex}.muted{color:var(--muted)}.small{font-size:14px}.lead{color:var(--body-strong);font-size:18px}.btn{border-radius:var(--r-xs);min-width:48px;min-height:48px;box-shadow:0 2px 0 var(--btn-edge-soft);border:1px solid var(--hairline-strong);background:var(--surface-card);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;word-break:keep-all;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-soft)}.btn:active{background:var(--surface-strong);box-shadow:none;transform:translateY(2px)}.btn:disabled{background:var(--primary-disabled);color:var(--muted);cursor:not-allowed;box-shadow:none;border-color:#0000;transform:none}.btn-primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary);box-shadow:0 2px 0 var(--btn-edge)}.btn-primary:hover,.btn-primary:active{background:var(--primary-active)}.btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover,.btn-ghost:active{background:var(--surface-soft)}.btn-lg{min-height:52px;padding:12px 24px;font-size:17px}.btn-block{width:100%}@media (width>=640px){.actions-fit{align-items:flex-start}.actions-fit .btn-block{width:auto;min-width:240px}}.btn-sm{min-height:44px;box-shadow:none;padding:8px 14px;font-size:15px}.btn[aria-pressed=true],.btn.is-selected{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.btn-round{border-radius:var(--r-pill)}.seg{border-radius:var(--r-md);background:var(--surface-soft);border:1px solid var(--hairline-strong);flex-wrap:wrap;gap:4px;padding:3px;display:inline-flex}.seg button{border-radius:var(--r-sm);min-width:44px;min-height:44px;color:var(--body-strong);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 16px;font-size:15px;font-weight:600;display:inline-flex}.seg button[aria-checked=true]{background:var(--primary);color:var(--on-primary)}.card{background:var(--surface-card);border-radius:var(--r-lg);padding:var(--s-lg);border:1px solid var(--hairline)}.card-soft{background:var(--surface-soft)}.card-tone{color:var(--ink);border:1px solid var(--hairline);border-radius:var(--r-sm);border-left-width:4px}.card-tone h2,.card-tone h3{color:var(--ink)}.card-tone.lavender{background:var(--tone-lavender-bg);border-left-color:var(--tone-lavender-line)}.card-tone.peach{background:var(--tone-peach-bg);border-left-color:var(--tone-peach-line)}.card-tone.ochre{background:var(--tone-ochre-bg);border-left-color:var(--tone-ochre-line)}.card-tone.mint{background:var(--tone-mint-bg);border-left-color:var(--tone-mint-line)}.card-tone .muted,.card-teal .muted{color:inherit;opacity:1}.card-teal{background:var(--brand-teal);color:#fff;border-radius:var(--r-sm);border:0}.card-teal h2,.card-teal h3{color:#fff}.chip{border-radius:var(--r-md);border:1px solid var(--hairline-strong);background:var(--surface-card);min-height:44px;color:var(--body-strong);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:15px;font-weight:500;display:inline-flex}.chip[aria-pressed=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.tag{border-radius:var(--r-sm);background:var(--surface-strong);color:var(--body-strong);align-items:center;gap:4px;padding:2px 8px;font-size:14px;font-weight:600;display:inline-flex}.range{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px}.range::-webkit-slider-runnable-track{background:var(--surface-strong);border:1px solid var(--hairline-strong);border-radius:4px;height:8px}.range::-moz-range-track{background:var(--surface-strong);border:1px solid var(--hairline-strong);border-radius:4px;height:8px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);border:3px solid var(--surface-card);width:28px;height:28px;box-shadow:0 0 0 1px var(--primary);border-radius:50%;margin-top:-11px}.range::-moz-range-thumb{background:var(--primary);border:3px solid var(--canvas);border-radius:50%;width:24px;height:24px}.input{border-radius:var(--r-md);border:1px solid var(--hairline-strong);background:var(--surface-card);width:100%;min-height:48px;color:var(--ink);padding:10px 14px;font-size:16px}.topbar{z-index:20;align-items:center;gap:var(--s-xs);min-height:64px;padding:8px var(--s-md);background:var(--canvas);border-bottom:1px solid var(--hairline-strong);display:flex;position:sticky;top:0}.topbar .brand{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);align-items:center;gap:8px;min-height:44px;margin-right:auto;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.topbar nav{flex-wrap:wrap;gap:4px;display:flex}.topbar nav a{min-height:44px;color:var(--body-strong);border-bottom:2px solid #0000;border-radius:0;align-items:center;padding:0 12px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.topbar nav a:hover{color:var(--ink);border-bottom-color:var(--hairline-strong)}.topbar nav a.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:700}.lang-switch{border:1px solid var(--hairline-strong);border-radius:var(--r-md);background:var(--surface-card);min-height:44px;color:var(--body-strong);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.lang-switch:hover{background:var(--surface-soft)}.topbar .brand,.topbar nav a{white-space:nowrap}@media (width<=640px){.topbar{flex-wrap:wrap;row-gap:0}.topbar nav{scrollbar-width:none;width:100%;margin:0 calc(-1 * var(--s-xs));flex-wrap:nowrap;order:3;overflow-x:auto}.topbar nav::-webkit-scrollbar{display:none}}.resume-banner{z-index:50;background:var(--brand-teal);color:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-card);align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:10px 12px 10px 18px;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%)}@media (width<=640px){.resume-banner{top:120px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.join-check{color:var(--body-strong);cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;font-weight:600;display:flex}.join-check input{width:24px;height:24px;accent-color:var(--primary);flex:none;margin:2px 0 0}.set-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:48px;display:flex}.set-row+.set-row{border-top:1px solid var(--hairline);padding-top:12px}.set-label{color:var(--body-strong);flex:200px;min-width:0;font-weight:600}.set-switch{border-radius:var(--r-pill);border:1.5px solid var(--hairline-strong);background:var(--canvas);min-width:96px;min-height:48px;color:var(--body-strong);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:16px;font-weight:700;display:inline-flex}.set-switch[aria-checked=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.set-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.set-steps li{border:1px solid var(--hairline-strong);border-radius:var(--r-md);background:var(--canvas);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 12px;display:flex}.set-steps a{white-space:nowrap}.set-kv{grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:4px 16px;margin:0;display:grid}.set-kv dt{color:var(--muted);font-weight:600}.set-kv dd{color:var(--body-strong);overflow-wrap:anywhere;margin:0}.about-h{margin-top:4px}.about-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.inst-fig{flex:none;display:block;overflow:visible}.inst-fig .f-p{display:none}.inst-fig[data-pose=idle] .f-idle,.inst-fig[data-pose=hitCenter] .f-hitCenter,.inst-fig[data-pose=hitEdge] .f-hitEdge,.inst-fig[data-pose=pluck] .f-pluck,.inst-fig[data-pose=blow] .f-blow,.inst-fig[data-pose=rest] .f-rest,.inst-fig[data-pose=press] .f-press{display:inline}.inst-fig .f-bob,.inst-fig .f-trumpet,.inst-fig .f-impact,.inst-fig .f-vib,.inst-fig .f-breath,.inst-fig .f-puff{transform-box:view-box;transition:transform 70ms ease-out,opacity 70ms ease-out}.inst-fig[data-pose=hitCenter] .f-bob,.inst-fig[data-pose=hitEdge] .f-bob{transform:translateY(calc(var(--fi,0) * 3px))}.inst-fig[data-pose=pluck] .f-bob{transform:translateX(calc(var(--fi,0) * -2px))}.inst-fig[data-pose=blow] .f-bob{transform:translateY(calc(var(--fi,0) * -2px))}.inst-fig[data-pose=rest] .f-bob{transform:translateY(calc(var(--fi,0) * 1px))}.inst-fig[data-pose=press] .f-bob{transform:translate(calc(var(--fi,0) * -1.5px), calc(var(--fi,0) * 2px))}.inst-fig .f-impact{opacity:calc(.35 + var(--fi,0) * .65);transform-origin:50% 60%}.inst-fig .f-vib{opacity:calc(.4 + var(--fi,0) * .6)}.inst-fig .f-puff{transform-origin:92px 61px;transform:scale(calc(.9 + var(--fi,0) * .35))}.inst-fig .f-trumpet{transform-origin:104px 58px}.inst-fig[data-pose=idle] .f-trumpet{transform:translate(2px,30px)rotate(14deg)}.inst-fig[data-pose=rest] .f-trumpet{transform:translate(4px,56px)rotate(30deg)}.inst-fig[data-pose=blow] .f-trumpet{transform:translateX(calc(var(--fi,0) * 1.5px))}.inst-fig .f-breath{opacity:calc(var(--pulse,.55) * (.4 + var(--fi,0) * .6));transform-origin:176px 58px;transform:scale(calc(.85 + var(--pulse,.55) * .2))}.inst-fig-off{filter:grayscale()contrast(.9);opacity:.5}.inst-fig-off *{transition:none!important}@media (prefers-reduced-motion:reduce){.inst-fig .f-bob,.inst-fig .f-trumpet,.inst-fig .f-impact,.inst-fig .f-vib,.inst-fig .f-breath,.inst-fig .f-puff{transition:none}}.inst-card{appearance:none;background:var(--surface-card);width:100%;min-width:0;min-height:48px;color:var(--ink);border-radius:var(--r-xl);font-family:var(--font-body);text-align:center;cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:2px solid #0000;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:10px 6px;transition:border-color .12s,background .12s;display:flex;container-type:inline-size}.inst-card:hover{background:var(--surface-strong)}.inst-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.inst-card.is-selected{border-color:var(--primary)}.inst-card.is-compact{border-radius:var(--r-lg);gap:3px;padding:6px 4px}.inst-art{justify-content:center;align-items:center;width:100%;display:flex}.inst-art .inst-fig{aspect-ratio:1;width:100%;max-width:150px;height:auto}.is-compact .inst-art .inst-fig{max-width:72px}.inst-blind-num{aspect-ratio:1;background:var(--surface-strong);border:2px solid var(--hairline-strong);width:100%;max-width:110px;color:var(--ink);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:56px;font-weight:700;line-height:1;display:grid}.is-compact .inst-blind-num{max-width:56px;font-size:30px}.inst-blind-num.is-off{color:var(--muted)}.inst-name{letter-spacing:-.2px;white-space:nowrap;word-break:keep-all;max-width:100%;font-size:16px;font-weight:700;line-height:1.25}.is-compact .inst-name{font-size:15px}@container (width<=125px){.inst-name{letter-spacing:-.5px;font-size:15px}}.inst-state{color:var(--ink);justify-content:center;align-items:center;gap:4px;font-size:15px;font-weight:600;line-height:1.2;display:inline-flex}.inst-state.is-off{color:var(--muted)}.inst-state svg{flex:none}.inst-tags{flex-wrap:wrap;justify-content:center;gap:4px;max-width:100%;min-height:24px;display:flex}.is-compact .inst-tags{min-height:0}.inst-tag{border-radius:var(--r-pill);background:var(--primary);color:var(--on-primary);letter-spacing:-.3px;white-space:nowrap;align-items:center;padding:1px 8px;font-size:14px;font-weight:700;line-height:1.5;display:inline-flex}.inst-tag.is-soft{background:var(--surface-strong);color:var(--body-strong)}.inst-gal{gap:16px;max-width:900px;margin:0 auto;padding:16px;display:grid}.inst-gal h2,.inst-gal h3{letter-spacing:-.3px;margin:0}.inst-gal-row{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.inst-gal-cell{color:var(--body);text-align:center;justify-items:center;gap:4px;font-size:14px;display:grid}.inst-gal-cell .inst-art{background:var(--surface-card);border-radius:var(--r-xl);padding:6px}.inst-gal-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:375px;display:grid}.inst-cardbox{background:var(--surface-card);border:2px solid var(--hairline);border-radius:var(--r-xl);flex-direction:column;min-width:0;transition:border-color .12s;display:flex;overflow:hidden}.inst-cardbox.is-selected{border-color:var(--primary)}.inst-card.is-boxed{background:0 0;border:0;border-radius:0;padding-bottom:6px}.inst-card.is-boxed:hover{background:var(--surface-strong)}.inst-card.is-boxed:focus-visible{outline-offset:-3px}.inst-card.is-boxed .inst-tags{min-height:0}.inst-vol{border-top:1px dashed var(--hairline-strong);background:var(--surface-soft);align-items:center;gap:4px;padding:6px;display:flex}.inst-vol-btn{border:1px solid var(--hairline-strong);background:var(--canvas);width:44px;height:44px;color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:9999px;flex:none;place-items:center;padding:0;display:grid}.inst-vol-btn:disabled{opacity:.4;cursor:default}.inst-vol-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.inst-vol-mid{flex-direction:column;flex:auto;align-items:center;gap:4px;min-width:0;display:flex}.inst-vol-word{letter-spacing:-.3px;color:var(--body-strong);align-items:center;gap:6px;min-width:0;max-width:100%;font-size:14px;font-weight:700;line-height:1.2;display:flex}.inst-vol-txt{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inst-vol-num{font-variant-numeric:tabular-nums;color:#0a0a0a;border-radius:9999px;flex:none;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 4px;font-size:15px;display:inline-flex}.inst-vol-num.is-soft{background:var(--loud-soft)}.inst-vol-num.is-comfy{background:var(--loud-comfy)}.inst-vol-num.is-loud{background:var(--loud-loud)}.inst-vol-steps{grid-template-columns:repeat(10,minmax(0,1fr));align-items:end;gap:2px;width:100%;max-width:120px;height:10px;display:grid}.inst-vol-seg{background:var(--hairline-strong);opacity:.6;border-radius:2px;height:100%;transition:background .12s,opacity .12s;display:block;position:relative}.inst-vol-seg.is-lit{opacity:1}.inst-vol-seg.is-lit.is-soft{background:var(--loud-soft-ink)}.inst-vol-seg.is-lit.is-comfy{background:var(--loud-comfy-ink)}.inst-vol-seg.is-lit.is-loud{background:var(--loud-loud-ink)}.inst-vol-seg.is-out{opacity:.2}.inst-vol-seg.is-home:after{content:"";background:var(--ink);border-radius:9999px;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:-5px;left:50%}@container (width<=125px){.inst-vol-txt{display:none}}@media (prefers-reduced-motion:reduce){.inst-vol-seg{transition:none}}.cal-head{gap:12px;display:grid}.cal-step-title{letter-spacing:-.3px;margin:0}.cal-choices{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.cal-choices.cal-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cal-choices.cal-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cal-choice{text-align:left;white-space:normal;justify-content:flex-start;height:auto;min-height:52px;padding:10px 16px;line-height:1.4}.cal-choices.cal-3 .cal-choice,.cal-choices.cal-2 .cal-choice{text-align:center;flex-direction:column;justify-content:center}.cal-group-title{margin:0;font-size:17px}.cal-note{border-radius:var(--r-sm);background:var(--surface-soft);border:1px solid var(--hairline);padding:12px 14px}.cal-list{gap:8px;margin:0;padding-left:22px;display:grid}.cal-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.cal-nav .cal-nav-right{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.cal-inst{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;display:grid}.cal-inst-fig{justify-content:center;align-items:center;display:flex}.cal-sum{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cal-sum li{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 0;display:grid}.cal-sum li:last-child{border-bottom:0}.cal-sum-label{color:var(--body-strong);font-weight:600}.cal-start-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.cal-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px;margin:0;padding:0;list-style:none;display:grid}.cal-flow li{border-top:2px solid var(--hairline-strong);color:var(--body-strong);text-align:left;padding:10px 2px 0;font-weight:600}.cal-flow li:first-child{border-top-color:var(--ink)}@media (width<=520px){.cal-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.cal-choices.cal-3 .cal-choice{padding:8px 6px}}@media (width>=720px){.cal-start-grid.cal-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.cal-program{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:18px 20px;display:grid}.cal-program-icon{background:var(--surface-card);border:1px solid var(--hairline-strong);width:48px;height:48px;color:var(--ink);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}@media (width<=420px){.cal-program{grid-template-columns:minmax(0,1fr)}}.cal-loud{gap:12px}.cal-loud-chart{gap:4px;display:grid}.cal-loud-row{border-radius:var(--r-md);background:var(--surface-soft);min-height:44px;color:var(--body-strong);font:inherit;text-align:left;cursor:pointer;border:1.5px solid #0000;align-items:center;gap:12px;padding:4px 12px 4px 6px;font-size:16px;font-weight:600;display:flex}.cal-loud-row:hover{border-color:var(--hairline-strong)}.cal-loud-row.is-target{border-color:var(--loud-comfy-ink)}.cal-loud-row[aria-pressed=true]{border-color:var(--primary);background:var(--surface-card)}.cal-loud-row:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.cal-loud-word{flex:auto;min-width:0}.cal-loud-num{font-variant-numeric:tabular-nums;color:#0a0a0a;border-radius:9999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex}.cal-loud-num.is-soft{background:var(--loud-soft)}.cal-loud-num.is-comfy{background:var(--loud-comfy)}.cal-loud-num.is-loud{background:var(--loud-loud)}.probe-page{padding-bottom:48px}.probe-progress{flex-direction:column;gap:8px;display:flex}.probe-bar{background:var(--surface-strong);border:1px solid var(--hairline-strong);border-radius:4px;height:8px;overflow:hidden}.probe-bar>span{background:var(--primary);height:100%;display:block}.probe-listen-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.probe-listen{text-align:center;flex-direction:column;min-height:72px;padding:12px 8px;font-size:18px}.probe-listen .small{font-weight:500}.probe-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.probe-choices .btn{text-align:center;min-height:56px;padding:10px 8px;font-size:16px;line-height:1.3}@media (width<=520px){.probe-choices{grid-template-columns:minmax(0,1fr)}}.probe-slider-ends{color:var(--body-strong);justify-content:space-between;gap:8px;font-weight:600;display:flex}.probe-chips{flex-wrap:wrap;gap:8px;display:flex}.probe-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.probe-why{color:var(--body)}.probe-q{color:var(--ink);margin:0;font-size:18px;font-weight:600}.probe-exit{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.rep-cols{gap:var(--s-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));display:grid}.rep-col{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-md);min-width:0;padding:var(--s-sm) var(--s-md)}.rep-col h4{font-family:var(--font-body);color:var(--body-strong);letter-spacing:0;margin:0 0 4px;font-size:15px;font-weight:700}.rep-word{color:var(--ink);font-size:18px;font-weight:700}.rep-faint{color:var(--muted);font-weight:500}.rep-strong{color:var(--ink);font-weight:800}.rep-quote{border-left:3px solid var(--hairline-strong);color:var(--body-strong);overflow-wrap:anywhere;margin:4px 0 0;padding-left:10px}.rep-tags{flex-wrap:wrap;gap:6px;display:flex}.rep-sentence{padding:var(--s-sm) var(--s-md);border-radius:var(--r-md);background:var(--canvas);border:1px solid var(--hairline-strong);margin:0}.rep-table{border-collapse:collapse;width:100%;font-size:15px}.rep-table th,.rep-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--hairline-strong);overflow-wrap:anywhere;padding:8px 6px}.rep-table th{color:var(--body-strong);font-weight:700}.rep-table td:first-child,.rep-table th:first-child{white-space:nowrap;width:1%}.rep-pair{gap:var(--s-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=560px){.rep-pair{grid-template-columns:minmax(0,1fr)}}.rep-details>summary{cursor:pointer;min-height:44px;color:var(--ink);align-items:center;gap:8px;font-weight:700;list-style:none;display:flex}.rep-details>summary::-webkit-details-marker{display:none}.rep-details>summary:before{content:"+";border:1.5px solid var(--hairline-strong);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:inline-flex}.rep-details[open]>summary:before{content:"−"}.rep-textarea{resize:vertical;width:100%;min-height:96px}.rep-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.rep-profile{grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:6px 16px;margin:0;display:grid}.rep-profile dt{color:var(--muted);font-weight:600}.rep-profile dd{color:var(--body-strong);overflow-wrap:anywhere;margin:0}@media (width<=420px){.rep-profile{grid-template-columns:minmax(0,1fr);gap:0}.rep-profile dd{margin-bottom:8px}}.viz-wrap{gap:8px;min-width:0;display:grid}.viz-canvas-box{border-radius:var(--r-md);background:var(--surface-soft);border:1px solid var(--hairline);width:100%;min-width:0;position:relative;overflow:hidden}.viz-canvas{width:100%;display:block}.viz-legend{color:var(--muted);flex-wrap:wrap;gap:4px 16px;font-size:14px;display:flex}.viz-legend-item{color:var(--body-strong);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.viz-swatch{border-top-style:solid;border-top-width:4px;width:22px;height:0;display:inline-block}.viz-explore{gap:12px;min-width:0;display:grid}.viz-note{color:var(--muted);margin:0;font-size:14px}.viz-help{padding:12px 16px}.viz-help h3{letter-spacing:0;margin:0 0 4px;font-size:16px}.viz-help p{margin:0;font-size:16px}.viz-axis{color:var(--muted);justify-content:space-between;font-size:14px;display:flex}.viz-toggle{flex-wrap:wrap;gap:8px;display:inline-flex}.viz-sgram-row{grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.viz-sgram-axis{color:var(--muted);writing-mode:horizontal-tb;flex-direction:column;justify-content:space-between;max-width:56px;font-size:14px;display:flex}.viz-sync{gap:16px;display:grid}.viz-sync-stage{justify-content:center;padding:8px 0;display:flex}.viz-sync-dot{border:3px solid var(--primary);width:120px;height:120px;color:var(--primary);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:none;display:flex}.viz-sync-dot.is-on{background:var(--primary);color:var(--on-primary)}.viz-sync-dot.is-square{border-radius:var(--r-md)}.viz-sync-actions{flex-wrap:wrap;gap:8px;display:flex}.room-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.room-head h1{letter-spacing:-.3px;text-align:center;flex:auto;min-width:0;margin:0;font-size:22px}.room-mode-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.room-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (width>=640px){.room-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=600px){.room-cards{gap:16px}}.room-songlist{flex-direction:column;gap:8px;display:flex}.room-songlist .btn{justify-content:space-between}.room-live{min-height:24px;color:var(--body-strong);font-weight:600}.room-viz{min-width:0;overflow:hidden}.room-see>.room-viz{flex-shrink:0}.room-viz-more{border-top:1px solid var(--hairline);margin-top:24px;padding-top:20px}.room-transport{z-index:20;background:var(--canvas);border-top:1px solid var(--hairline-strong);box-shadow:none;padding:8px var(--s-md) calc(8px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.room-transport-in{flex-direction:column;gap:8px;max-width:960px;margin:0 auto;display:flex}.room-tp-main{align-items:center;gap:8px;display:flex}.room-play{border-radius:9999px;flex:none;width:56px;height:56px;min-height:56px;padding:0}.room-tp-time{font-variant-numeric:tabular-nums;color:var(--body-strong);white-space:nowrap;font-size:15px;font-weight:600}.room-tp-seek{flex:auto;min-width:0}.room-tp-extra{display:none}@media (width>=760px){.room-tp-extra{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}}.room-body-controls{flex-direction:column;gap:12px;display:flex}@media (width>=760px){.room-body-controls{display:none}}.room-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.room-pill{border-radius:var(--r-md);min-height:44px;font:inherit;background:var(--surface-card);color:var(--body-strong);border:1px solid var(--hairline-strong);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:15px;font-weight:600;display:inline-flex}.room-pill[aria-pressed=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.room-select{border-radius:var(--r-md);min-height:44px;font:inherit;background:var(--surface-soft);color:var(--body-strong);border:1px solid var(--hairline-strong);padding:8px 14px;font-size:15px}@media (prefers-reduced-motion:reduce){.room-transport *{transition:none!important}}.room-page{max-width:680px}.room-stage{gap:var(--s-lg);grid-template-columns:minmax(0,1fr);grid-template-areas:"listen""see""more";display:grid}.room-listen{grid-area:listen;min-width:0}.room-see{grid-area:see;min-width:0}.room-more{grid-area:more;min-width:0}.room-viz-off{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:28px 20px;display:flex}.room-viz-off p{color:var(--body-strong);margin:0;font-size:16px}@media (width>=1024px){.room-page{max-width:1280px}.room-stage{grid-template:"listen see""more see"1fr/minmax(380px,5fr) minmax(0,7fr);column-gap:32px}.room-see{max-height:calc(100vh - 80px - var(--transport-h) - 8px);scrollbar-width:thin;align-self:start;margin:-4px;padding:4px;position:sticky;top:80px;overflow-y:auto}.room-listen .room-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.room-viz-off{justify-content:center;min-height:320px}}.lf-backdrop{z-index:60;background:#0a0a0a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.lf-modal{flex-direction:column;gap:16px;width:100%;max-width:560px;max-height:calc(100vh - 32px);padding:28px;display:flex;overflow-y:auto;box-shadow:0 8px 28px #0000002e}.lf-modal h2{margin:0;font-size:24px}.lf-kicker{color:var(--muted);margin:0;font-size:14px;font-weight:700}.lf-desc{color:var(--body-strong);margin:0;font-size:17px;line-height:1.55}.lf-overview{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lf-overview li{border:0;border-bottom:1px solid var(--hairline);background:0 0;border-radius:0;grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr);gap:2px 12px;padding:12px 4px;display:grid}.lf-overview li:last-child{border-bottom:0}.lf-ov-icon{background:var(--surface-card);border:1px solid var(--hairline-strong);width:44px;height:44px;color:var(--ink);border-radius:9999px;flex:none;grid-row:1/span 2;justify-content:center;align-items:center;display:inline-flex}.lf-ov-title{color:var(--body-strong);font-weight:700}.lf-ov-text{color:var(--body);font-size:15px}.lf-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.lf-actions .btn-ghost{margin-right:auto}.lf-stepper{counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.lf-stepper li{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.lf-stepper li+li:before{content:"";background:var(--hairline-strong);z-index:0;width:100%;height:2px;margin-right:16px;position:absolute;top:15px;right:50%}.lf-stepper li.is-done+li:before,.lf-stepper li.is-done:before{background:var(--primary)}.lf-dot{z-index:1;background:var(--canvas);width:32px;height:32px;color:var(--muted);border:2px solid var(--hairline-strong);border-radius:9999px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex;position:relative}.lf-stepper .is-now .lf-dot{background:var(--primary);color:var(--on-primary);border-color:var(--primary);box-shadow:0 0 0 3px var(--surface-strong)}.lf-stepper .is-done .lf-dot{background:var(--surface-card);color:var(--ink);border-color:var(--primary)}.lf-dot-label{color:var(--muted);font-size:14px;font-weight:600;line-height:1.2}.lf-stepper .is-now .lf-dot-label{color:var(--body-strong)}.lf-float{z-index:30;left:50%;bottom:calc(var(--transport-h,80px) + 12px);border:2px solid var(--primary);flex-direction:column;gap:12px;width:min(560px,100% - 24px);padding:16px 18px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #00000029}.lf-float-body{align-items:center;gap:12px;display:flex}.lf-float-body .lf-ov-icon{grid-row:auto}.lf-float-text p{margin:0}.lf-float-title{color:var(--body-strong);font-size:18px;font-weight:700}.lf-float-text p[role=status]{color:var(--body);font-size:16px}@media (width>=1024px){.lf-float{width:auto;box-shadow:none;position:static;transform:none}}@media (width<=1023px){.room-page:has(.lf-float){padding-bottom:calc(var(--s-xxl) + var(--transport-h) + 240px)}}