.forms-stage,.performance{width:100%;height:100svh;min-height:400px;position:relative;overflow:hidden}.scene-stack{background:#080808;position:absolute;inset:0}.scene-stack:after{content:"";pointer-events:none;background:linear-gradient(#0001,#0000 24%,#0003 50%,#0001 75%,#0006);position:absolute;inset:0}.performance-poster{object-fit:cover;filter:grayscale()brightness(.7);opacity:0;width:100%;height:100%;transition:opacity .32s ease, transform .6s var(--ease);position:absolute;inset:0;transform:scale(1.045)}.performance-poster.is-visible{opacity:1;transform:scale(1)}.center-line{left:var(--gutter);align-items:center;gap:24px;display:flex;position:absolute;top:50%;right:11%;transform:translateY(-50%)}.title-carousel{text-shadow:0 1px 7px #0008;flex-shrink:0;max-width:85%;position:relative}.current-title{white-space:nowrap;align-items:baseline;gap:10px;min-height:30px;display:flex;position:relative}.current-title h1{letter-spacing:-.06em;font-size:clamp(19px,1.7vw,30px);font-weight:400;line-height:30px}.neighbor{color:#ffffff75;white-space:nowrap;letter-spacing:-.04em;background:0 0;border:0;align-items:baseline;gap:8px;height:34px;padding:8px 0;font-size:12px;transition:color .18s;display:flex;position:absolute;left:0}.neighbor:hover{color:#fff}.previous-title{bottom:100%}.next-title{top:100%}.index-rule{background:#ffffff60;flex:1;height:1px}.scene-count{white-space:nowrap;gap:6px;font:10px ui-monospace,monospace;display:flex}.scene-count>span:last-child{opacity:.4}.scene-index{right:var(--gutter);flex-direction:column;gap:2px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.scene-index button{background:0 0;border:0;place-items:center;width:28px;height:20px;display:grid;position:relative}.scene-index button:after{content:"";border:1px solid #fffa;border-radius:50%;width:7px;height:4px;transition:width .25s,background .25s}.scene-index button[aria-pressed=true]:after{background:#fff2;width:19px;height:8px}.scroll-hint{left:50%;bottom:var(--gutter);letter-spacing:.08em;color:#ddd;font:8px ui-monospace,monospace;position:absolute;transform:translate(-50%)}.noscript-note{bottom:100px;left:var(--gutter);position:absolute}@media (width<=760px){.center-line{gap:12px;left:21px;right:21px}.title-carousel{max-width:100%}.current-title{white-space:normal;flex-wrap:wrap;gap:8px;min-height:30px}.current-title h1{font-size:22px;line-height:29px}.neighbor{height:29px;padding:5px 0;font-size:12px}.index-rule,.scene-count,.scene-index{display:none}.scroll-hint{font-size:8px;bottom:56px}}@media (width<=360px){.current-title h1{font-size:20px}}@media (prefers-reduced-motion:reduce){.performance-poster{transform:none}}.current-title h1{font-family:Times New Roman,AppleMyungjo,serif;font-weight:400}.forms-stage{min-height:660px}.forms-stage .performance{height:100%;min-height:660px}.forms-stage .center-line,.forms-stage .scene-index{top:28%}@media (width<=760px){.forms-stage,.forms-stage .performance{min-height:700px}.forms-stage .center-line{top:23%;right:21px}.forms-stage .scroll-hint{bottom:62px}}.neighbor{color:#c4c8cb;font-size:14px}.scroll-hint{font-size:12px}.forms-site:has(.forms-stage) .forms-footer{position:absolute}@media (width<=760px){.forms-stage,.forms-stage .performance{min-height:840px}.forms-stage .center-line{top:20%}.forms-stage .scroll-hint{font-size:12px}}.forms-stage .performance{touch-action:pan-x pinch-zoom}.forms-stage .practice-dock{touch-action:pan-y pinch-zoom}.practice-home{--practice-accent:#c0d6e1;min-height:720px}.practice-home .performance{min-height:720px}.practice-home .center-line{top:28%;right:11%}.practice-home .current-title{white-space:normal;min-height:78px;display:block}.practice-home .current-title h1{font-size:clamp(26px,3vw,42px);line-height:1.3}.practice-home .current-title p{color:#d0d6db;margin-top:12px;font-size:16px;line-height:24px}.practice-home .title-carousel{max-width:85%}.practice-home .neighbor{align-items:center;height:44px;font-size:14px}.practice-home .scene-index{top:28%}.practice-home .scene-count{font-size:12px}.practice-dock{bottom:72px;left:var(--gutter);right:var(--gutter);backdrop-filter:blur(18px);color:#edf1f3;background:linear-gradient(115deg,#181e23ec,#101619df);border-top:1px solid #ffffff36;grid-template-columns:200px minmax(0,1fr) 184px;gap:28px;max-width:1240px;height:334px;margin:auto;padding:24px;display:grid;position:absolute}.practice-dock [hidden]{display:none!important}.practice-controls{min-width:0}.practice-controls label{color:#c9d1d6;font-size:14px;line-height:20px;display:block}.practice-controls select{color:#f3f5f6;background:#20292e;border:1px solid #ffffff30;border-radius:6px;width:100%;height:44px;margin-top:6px;padding:0 9px;font:14px HomeSans,sans-serif}.practice-controls .tempo-label{justify-content:space-between;margin-top:16px;display:flex}.tempo-label output{color:#f3f5f6;font-variant-numeric:tabular-nums}.practice-controls input[type=range]{width:100%;height:36px;accent-color:var(--practice-accent);cursor:pointer;margin:0}.transport{gap:8px;margin-top:12px;display:flex}.transport button{background:0 0;border:1px solid #ffffff40;border-radius:8px;height:48px;font-size:16px}.transport #home-play{color:#172329;background:#d9e5eb;border-color:#0000;flex:1;justify-content:center;align-items:center;gap:12px;font-weight:600;display:flex}.transport #home-repeat{color:#b3bec5;width:48px;font-size:26px}.transport #home-repeat[aria-pressed=true]{color:#ecf7ff;background:#c0d6e124;border-color:#b7d3e380}#home-audio-status{color:#b8c4ca;height:42px;margin-top:12px;font-size:14px;line-height:21px}.practice-visual{flex-direction:column;min-width:0;display:flex;position:relative}.visual-caption{color:#dce5eb;justify-content:space-between;gap:10px;height:28px;font-size:14px;line-height:22px;display:flex}.visual-caption span:last-child{color:#aebcc4;white-space:nowrap;font-size:12px}.home-fretboard{height:236px;margin-top:8px;font-family:ui-monospace,SFMono-Regular,monospace}.fret-numbers,.fretboard-string{grid-template-columns:24px repeat(5,minmax(0,1fr));align-items:center;display:grid}.fret-numbers{color:#91a4af;text-align:center;height:26px;font-size:13px}.fretboard-string{height:34px}.string-label{color:#bbc7ce;font-size:14px}.fret-cell{border-right:1px solid #ffffff20;place-items:center;height:100%;display:grid;position:relative}.fret-cell:before{content:"";border-top:1px solid #93a7b34a;position:absolute;top:50%;left:0;right:0}.fretboard-string:nth-last-child(-n+3) .fret-cell:before{border-top-width:2px}.fret-dot{color:#0000;border-radius:6px;place-items:center;width:32px;height:26px;font-size:14px;line-height:20px;display:grid;position:relative}.fret-dot.has-note{color:#c6d7e1;background:#27343c;border:1px solid #ffffff16}.fret-cell.is-current .fret-dot{color:#0b202e;background:#d8edf8;border-color:#fff;box-shadow:0 0 22px #9dc7e532}.practice-progress{background:#ffffff15;height:2px;margin-top:auto;overflow:hidden}.practice-progress span{transform-origin:0;background:#bbd9e8;height:100%;display:block;transform:scaleX(0)}.practice-entry{border-left:1px solid #ffffff20;flex-direction:column;justify-content:center;gap:12px;padding-left:24px;display:flex}.practice-entry>a:first-child{color:#13212a;white-space:nowrap;background:#edf2f4;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:12px 16px;font-size:16px;font-weight:600;display:flex}.practice-entry>span{color:#bcc9d1;height:42px;font-size:14px;line-height:21px}.practice-guide-link{color:#d4dfe6;margin-top:20px;font-size:14px;line-height:22px}.practice-dock :is(a,button,select,input):focus-visible{outline-offset:3px;outline:2px solid #cce9fa}.forms-header .app-launch{width:auto;min-width:108px}@media (width<=1050px) and (width>=761px){.practice-dock{grid-template-columns:180px minmax(0,1fr);gap:22px;height:360px;padding:20px}.practice-entry{border:0;flex-direction:row;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:20px;padding:0}.practice-entry>span{height:auto}.practice-guide-link{margin:0}.practice-visual{height:244px}.home-fretboard{height:212px}.fretboard-string{height:30px}.practice-controls .tempo-label{margin-top:10px}.transport{margin-top:4px}#home-audio-status{margin-top:6px}}@media (width<=760px){.practice-home,.practice-home .performance{min-height:900px}.practice-home .center-line{top:175px;left:20px;right:20px}.practice-home .title-carousel{max-width:100%}.practice-home .current-title{min-height:80px}.practice-home .current-title h1{font-size:28px}.practice-home .current-title p{max-width:100%;margin-top:8px;font-size:15px}.practice-home .neighbor{font-size:14px}.practice-dock{grid-template-rows:142px 238px 68px;grid-template-columns:1fr;gap:6px;height:492px;padding:16px;bottom:86px;left:16px;right:16px}.practice-controls{grid-template-columns:minmax(0,1fr) 120px;column-gap:12px;display:grid;position:relative}.practice-controls label{font-size:13px}.practice-controls select{height:40px;font-size:14px}.practice-controls .tempo-label{margin-top:8px}.practice-controls input[type=range]{height:30px}.transport{flex-direction:column;gap:8px;margin:0;padding-top:26px;display:flex}.transport #home-play{flex:none;gap:7px;height:44px;font-size:15px}.transport #home-repeat{width:100%;height:40px;font-size:24px}#home-audio-status{grid-column:1/-1;height:21px;margin-top:0;font-size:13px;line-height:21px}.home-fretboard{height:208px;margin-top:0}.visual-caption{height:24px;font-size:13px;line-height:24px}.visual-caption span:last-child{font-size:12px}.fret-numbers{height:23px}.fretboard-string{height:29px}.fret-dot{width:29px;height:24px;font-size:13px}.fret-numbers,.fretboard-string{grid-template-columns:20px repeat(5,minmax(0,1fr))}.practice-entry{border:0;grid-template-rows:44px 18px;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:4px 10px;padding:0;display:grid}.practice-entry>a:first-child{grid-area:1/2;height:44px;min-height:44px;padding:8px 12px;font-size:15px}.practice-entry>span{grid-area:1/1;height:auto;font-size:13px;line-height:20px}.practice-guide-link{grid-area:2/1/auto/-1;margin:0;font-size:12px}.practice-home .scroll-hint{bottom:55px}.forms-header .app-launch{min-width:96px}}@media (prefers-reduced-motion:reduce){.practice-progress span{transition:none}}.practice-controls .tempo-label,.tempo-label output{white-space:nowrap}