.practice-score-view-selector{display:inline-flex;position:relative;z-index:30}.practice-score-view-trigger,.practice-score-view-choice{align-items:center;border:1px solid rgba(20,35,50,.18);color:#172033;display:inline-flex;font:inherit;gap:.5rem}.practice-score-view-trigger{background:#fffffff5;border-radius:999px;box-shadow:0 4px 16px #1423321f;cursor:pointer;min-height:2.75rem;padding:.55rem .9rem}.practice-score-view-trigger svg,.practice-score-view-choice svg{fill:none;flex:0 0 auto;height:1.5rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;width:1.5rem}.practice-score-view-surface{background:#fff;border:1px solid rgba(20,35,50,.14);border-radius:1.15rem;bottom:max(.75rem,env(safe-area-inset-bottom));box-shadow:0 0 0 100vmax #0c142033,0 18px 50px #0c14203d;box-sizing:border-box;left:max(.75rem,env(safe-area-inset-left));max-height:min(70vh,28rem);overflow-y:auto;overscroll-behavior:contain;padding:.8rem;position:fixed;right:max(.75rem,env(safe-area-inset-right))}.practice-score-view-options{display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr))}.practice-score-view-option{display:grid;gap:.3rem;min-width:0}.practice-score-view-choice{background:#f6f8fb;border-radius:.85rem;cursor:pointer;justify-content:flex-start;min-height:3.25rem;padding:.7rem .8rem;width:100%}.practice-score-view-choice[aria-checked=true]{background:#e9f2ff;border-color:#3678d4;color:#164f9d}.practice-score-view-choice:focus-visible,.practice-score-view-trigger:focus-visible{outline:3px solid rgba(54,120,212,.35);outline-offset:2px}.practice-score-view-choice:disabled{cursor:not-allowed;opacity:.48}.practice-score-view-unavailable{color:#6f4c22;font-size:.75rem;line-height:1.3;padding-inline:.25rem}@media(min-width:720px){.practice-score-view-surface{bottom:auto;left:auto;max-height:min(70vh,28rem);min-width:21rem;position:absolute;right:0;top:calc(100% + .6rem);width:max-content}}.practice-page-score-view{box-sizing:border-box;min-height:0;overflow:auto;overscroll-behavior:contain;position:relative;touch-action:none}.practice-page-score-view__navigation{display:flex;gap:.55rem;justify-content:space-between;padding:.5rem;position:sticky;top:0;z-index:20}.practice-page-score-view__navigation button{background:#fffffff5;border:1px solid rgba(20,35,50,.2);border-radius:999px;color:#172033;cursor:pointer;font:inherit;min-height:2.75rem;padding:.55rem .9rem}.practice-page-score-view__navigation button:disabled{cursor:not-allowed;opacity:.42}.practice-page-score-view__navigation button:focus-visible{outline:3px solid rgba(54,120,212,.35);outline-offset:2px}.practice-page-score-view__pages{display:grid;gap:clamp(.65rem,2vw,1.25rem);margin-inline:auto;padding:.5rem}.practice-page-score-view.is-continuous .practice-page-score-view__pages,.practice-page-score-view.is-page .practice-page-score-view__pages{grid-template-columns:minmax(0,1fr)}.practice-page-score-view.is-spread .practice-page-score-view__pages{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}.practice-page-score-view__page,.practice-page-score-view__empty-slot{background:#fff;box-shadow:0 4px 20px #1423321f;min-width:0;position:relative}.practice-page-score-view__page>:first-child{display:block;height:auto;max-width:100%;width:100%}.practice-page-score-view__overlay{inset:0;position:absolute}.practice-page-score-view__empty-slot{aspect-ratio:612 / 792;box-shadow:none;opacity:0}.practice-page-score-view__error{background:#fff4f2;border:1px solid #e2a29a;border-radius:.75rem;color:#7d271f;margin:.75rem;padding:.85rem 1rem}.practice-score-surface{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;position:relative}.practice-score-surface__header{align-items:center;display:flex;gap:.6rem;justify-content:space-between;position:relative;z-index:40}.practice-score-surface__viewport{-webkit-overflow-scrolling:touch;min-height:0;overflow:auto;overscroll-behavior:contain;position:relative;touch-action:none;transform-origin:0 0}.lesson-mode__practice-stage{background:#f8fafcf7;inset:3rem 0 0;overflow:clip;padding:.75rem;position:absolute;z-index:50}.practice-score-surface__viewport>.practice-page-score-view,.practice-score-surface__viewport>.practice-four-system-score{overflow:visible;overscroll-behavior:auto;touch-action:auto}.practice-score-occurrence-target{border-radius:50%;height:8px;pointer-events:none;position:absolute;width:8px}.practice-score-source-page-geometry{pointer-events:none;position:absolute;visibility:hidden}.practice-four-system-score{display:grid;gap:.5rem;min-height:0;overflow:auto;position:relative}.practice-four-system-score>nav{display:flex;justify-content:space-between;position:sticky;top:0;z-index:30}.practice-four-system-score__rows{display:grid;gap:clamp(.3rem,1vh,.7rem)}.practice-four-system-score__row,.practice-four-system-score__row-slot{min-height:0;position:relative}.practice-four-system-score__row{background:#fff;overflow:hidden}.practice-four-system-score__row>img{height:auto;max-width:none;position:absolute}.practice-four-system-score__row>.measure-overlay,.practice-four-system-score__row>.lesson-annotation-layer-shell{inset:0;position:absolute}.practice-four-system-score__preload{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.practice-four-system-score__error{background:#fff4f2;border:1px solid #e2a29a;border-radius:.75rem;color:#7d271f;display:flex;gap:.6rem;justify-content:space-between;padding:.85rem 1rem}.practice-score-surface:not([data-practice-input-mode=measure-select]) .measure-box{pointer-events:none}.lesson-finger-drawing-control{align-items:center;display:inline-flex;gap:.4rem;white-space:nowrap}.practice-score-surface{--downbeat-tracking-orange: #f97316;--downbeat-tracking-orange-border: rgba(249, 115, 22, .62);--downbeat-tracking-orange-wash: rgba(249, 115, 22, .055);--downbeat-tracking-orange-glow: rgba(249, 115, 22, .14);--downbeat-soft-orange-bg: rgba(255, 237, 213, .78);--downbeat-soft-orange-border: rgba(251, 146, 60, .42);--downbeat-soft-orange-glow: rgba(251, 146, 60, .18);--downbeat-soft-orange-text: #9a4a10;--downbeat-recommendation-bg: rgba(251, 146, 60, .09);--downbeat-recommendation-border: rgba(249, 115, 22, .62);--downbeat-recommendation-glow: rgba(249, 115, 22, .1)}.measure-tracking-glyphs{position:absolute;z-index:8;inset:0;width:100%;height:100%;overflow:hidden;color:var(--downbeat-tracking-orange);pointer-events:none;shape-rendering:geometricPrecision}.measure-tracking-glyphs path{fill:currentColor}.measure-tracking-measure{position:absolute;z-index:8;border:0;border-radius:0;background:#f973162e;mix-blend-mode:multiply;pointer-events:none}.score-navigation-active-label{position:absolute;z-index:4;display:inline-flex;align-items:center;min-height:16px;padding:1px 5px 2px;transform:translateY(-50%);border:1px solid var(--downbeat-soft-orange-border);border-radius:999px;background:var(--downbeat-soft-orange-bg);color:var(--downbeat-soft-orange-text);font-size:10px;font-weight:900;line-height:1;white-space:nowrap;pointer-events:none;box-shadow:0 5px 13px var(--downbeat-soft-orange-glow)}.score-navigation-active-label.is-active{animation:score-navigation-label-pulse 1.2s ease-out}@keyframes score-navigation-label-pulse{0%{box-shadow:0 0 #f9731657,0 6px 14px var(--downbeat-soft-orange-glow)}to{box-shadow:0 0 0 8px #f9731600,0 6px 14px var(--downbeat-soft-orange-glow)}}.measure-count-in-badge{position:absolute;z-index:5;display:inline-grid;width:16px;height:16px;place-items:center;transform:translate(-42%,-70%);border:1px solid rgba(251,146,60,.36);border-radius:999px;background:#fff7edf0;color:#9a4a10;box-shadow:0 6px 14px #fb923c29,0 0 0 2px #ffffffb8;font-size:10px;font-weight:950;line-height:1;pointer-events:none}.measure-count-in-badge.is-zoom,.measure-count-in-badge.is-crop{width:18px;height:18px;font-size:11px}.measure-overlay{position:absolute;inset:0;pointer-events:none}.measure-box{position:absolute;border:1px solid transparent;border-radius:4px;background:transparent;color:transparent;cursor:pointer;pointer-events:auto;touch-action:pan-x pan-y pinch-zoom;-webkit-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){.measure-box:hover{border-color:var(--downbeat-tracking-orange-border);background:var(--downbeat-tracking-orange-wash)}}.measure-box:focus{outline:none}.measure-box:focus-visible{border-color:transparent;background:#f9731614}.measure-box.is-selected{border-color:transparent;background:#f9731614;box-shadow:none;outline:none}.measure-overlay:has(.measure-tracking-glyphs,.measure-tracking-measure) .measure-box.is-active:hover,.measure-overlay:has(.measure-tracking-glyphs,.measure-tracking-measure) .measure-box.is-active:focus-visible{border-color:transparent;background:transparent;outline:none}.measure-box.is-saved{border-color:transparent;background:transparent}.measure-visual-box{position:absolute;z-index:2;border:1px solid transparent;border-radius:4px;pointer-events:none}.measure-visual-box.is-saved{border-color:var(--downbeat-recommendation-border);background:var(--downbeat-recommendation-bg);box-shadow:0 0 0 1px var(--downbeat-recommendation-glow)}.measure-follow-box{position:absolute;z-index:2;border:1px solid var(--downbeat-tracking-orange-border);border-radius:4px;background:var(--downbeat-tracking-orange-wash);pointer-events:none}.measure-follow-box.is-active{border-color:var(--downbeat-tracking-orange-border);background:var(--downbeat-tracking-orange-wash);box-shadow:0 0 0 1px var(--downbeat-tracking-orange-glow)}.measure-playback-progress{position:absolute;width:2px;border-radius:999px;background:#3954b5eb;box-shadow:0 0 0 1px #ffffff8a,0 2px 8px #3954b542;pointer-events:none;z-index:6;transform:translate(-50%)}.measure-box.is-recommendation-picking{cursor:crosshair}.measure-box.is-recommendation-picking:hover,.measure-box.is-recommendation-picking:focus-visible{border-color:transparent;background:transparent;outline:none}.measure-box span{display:none;position:absolute;top:2px;left:4px;font-size:11px;font-weight:800}.measure-light{position:absolute;top:0;left:0;z-index:3;width:7px;height:7px;border-radius:50%;background:var(--downbeat-tracking-orange);opacity:.84;pointer-events:none;box-shadow:0 0 0 2px var(--downbeat-tracking-orange-glow)}.measure-overlay>.measure-light{width:5px;height:5px;box-shadow:0 0 0 1.5px var(--downbeat-tracking-orange-glow)}.practice-zoom-overlay>.measure-light{width:7px;height:7px}.measure-sync-beat-marker{position:absolute;z-index:7;width:13px;height:13px;border:2px solid rgba(255,255,255,.96);border-radius:999px;background:#b85f74;box-shadow:0 3px 10px #6832414d;pointer-events:none;transform:translate(-50%,-50%)}.lesson-annotation-layer-shell{position:absolute;inset:0;z-index:10;pointer-events:none}.lesson-annotation-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.lesson-annotation-layer.is-editable{cursor:default;pointer-events:auto;touch-action:pan-x pan-y pinch-zoom}.lesson-annotation-layer.is-drawing-tool.is-editable,.lesson-annotation-layer.is-eraser.is-editable{touch-action:none}.lesson-annotation-layer.is-disabled{pointer-events:none}.lesson-annotation-layer.is-eraser.is-editable{cursor:none}.lesson-annotation-layer.is-laser.is-editable{cursor:default}.lesson-laser-stroke{filter:drop-shadow(0 0 3px rgba(15,23,42,.18));transition:opacity 1s cubic-bezier(.22,1,.36,1),filter 1s cubic-bezier(.22,1,.36,1)}.lesson-laser-stroke.is-fading{opacity:0;filter:drop-shadow(0 0 1px rgba(15,23,42,0))}.lesson-text-note{-webkit-user-select:none;user-select:none}.lesson-text-note-hit-area{fill:transparent;stroke:transparent}.lesson-annotation-layer.is-text.is-editable .lesson-text-note,.lesson-annotation-layer.is-text.is-editable .lesson-text-note-hit-area{cursor:move}.lesson-text-note-selection{fill:#f9731614;stroke:#f97316c7;stroke-dasharray:1.4 1.2;stroke-width:.35}.lesson-text-resize-handle{fill:#fff7ed;stroke:#f97316;stroke-width:.35;vector-effect:non-scaling-stroke}.lesson-text-resize-hit-area{fill:transparent;stroke:transparent}.lesson-text-resize-handle.is-top,.lesson-text-resize-handle.is-bottom,.lesson-text-resize-hit-area.is-top,.lesson-text-resize-hit-area.is-bottom{cursor:ns-resize}.lesson-text-resize-handle.is-left,.lesson-text-resize-handle.is-right,.lesson-text-resize-hit-area.is-left,.lesson-text-resize-hit-area.is-right{cursor:ew-resize}.lesson-eraser-cursor{position:absolute;z-index:12;display:grid;place-items:center;width:34px;height:34px;color:#111827;pointer-events:none;transform:translate(-50%,-50%) rotate(-18deg);filter:drop-shadow(0 2px 5px rgba(15,23,42,.24))}.lesson-eraser-cursor svg{width:34px;height:34px;fill:#ffffffeb;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}:root{--downbeat-tracking-orange: #f97316;color:#302d2a;background:#f5f0eb;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}body{margin:0;min-width:0;min-height:100vh;background:radial-gradient(circle at 12% 3%,rgba(226,201,202,.5),transparent 34%),radial-gradient(circle at 96% 18%,rgba(190,206,192,.42),transparent 38%),#f7f3ef}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.student-shell{display:grid;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));place-items:center}.student-card{width:min(100%,430px);padding:34px 28px 28px;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:30px;background:#fffdfaed;box-shadow:0 24px 70px #51433921,inset 0 1px #fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.student-brand{color:#8d6d70;font-size:.72rem;font-weight:800;letter-spacing:.18em}.welcome-mark{display:grid;width:62px;height:62px;margin:28px 0 22px;border-radius:21px;color:#fff;background:linear-gradient(145deg,#cba7aa,#a78487);box-shadow:0 15px 30px #a67e8247;font-family:Georgia,serif;font-size:1.85rem;place-items:center;transform:rotate(-4deg)}.student-card h1{margin:0;color:#302b29;font-size:clamp(1.65rem,7vw,2rem);letter-spacing:-.045em}.student-lead,.student-card--message p,.practice-heading p{margin:10px 0 28px;color:#77706b;font-size:.98rem;line-height:1.65}.student-card form{display:grid;gap:11px}.student-card label{color:#5d5651;font-size:.86rem;font-weight:750}.student-card input{width:100%;padding:15px 16px;border:1px solid #e4dcd4;border-radius:16px;outline:none;color:#332f2c;background:#fff;font-size:1.1rem;letter-spacing:.25em;transition:border-color .16s ease,box-shadow .16s ease}.student-card input:focus{border-color:#b89093;box-shadow:0 0 0 4px #b890931f}.student-card button,.student-primary-action{display:flex;min-height:52px;align-items:center;justify-content:center;margin-top:5px;border:0;border-radius:17px;color:#fff;background:#4b4844;box-shadow:0 12px 24px #413b362e;font-weight:800;text-decoration:none;transition:opacity .16s ease,transform .16s ease}.student-card button:active,.student-primary-action:active{transform:translateY(1px)}.student-card button:disabled{cursor:not-allowed;opacity:.42}.student-privacy,.expiry-note{display:block;margin-top:17px;color:#6f6761;font-size:.76rem;line-height:1.5;text-align:center}.student-error{margin:14px 0 0;color:#ad5157;font-size:.85rem;font-weight:650;text-align:center}.practice-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-top:24px}.practice-heading p{margin-bottom:0}.practice-badge{flex:0 0 auto;padding:7px 10px;border-radius:999px;color:#5d6d61;background:#eaf1e9;font-size:.73rem;font-weight:800}.recommended-card{display:grid;gap:6px;margin:24px 0 14px;padding:17px 18px;border-radius:18px;color:#56665a;background:#edf3ec}.recommended-card small{font-size:.73rem;font-weight:750}.recommended-card strong{color:#344339;font-size:1.03rem}.practice-stage{display:grid;min-height:230px;align-content:center;margin:14px 0 18px;padding:28px;border:1px dashed #e0d8d1;border-radius:22px;background:#faf8f5;text-align:center}.practice-stage>span{color:#b58f92;font-family:Georgia,serif;font-size:2rem}.practice-stage strong{margin-top:12px;font-size:.96rem}.practice-stage p{margin:8px 0 0;color:#8b837c;font-size:.8rem;line-height:1.6}.student-card--message{text-align:center}.student-card--message h1{margin-top:24px}@media(max-width:360px){.student-card{padding:28px 21px 24px;border-radius:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.student-practice-player{--student-player-dock-block-size: 72px;--student-player-dock-bottom-offset: max(9px, env(safe-area-inset-bottom));width:min(100%,840px);min-height:100dvh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(var(--student-player-dock-block-size) + var(--student-player-dock-bottom-offset)) max(12px,env(safe-area-inset-left))}.student-practice-player[data-student-writing-priority=writing]{--student-player-dock-block-size: 72px}.student-player-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:9px 4px 12px}.student-player-heading>div:first-child{min-width:0}.student-player-heading h1{margin:5px 0 0;color:#302b29;font-size:clamp(1.35rem,5vw,1.85rem);letter-spacing:-.05em;line-height:1.15;overflow-wrap:anywhere}.student-player-heading p{margin:4px 0 0;color:#6f6761;font-size:.86rem}.student-player-heading__actions{display:flex;flex-wrap:wrap;flex:0 0 auto;gap:6px;justify-content:flex-end;max-width:min(54vw,330px)}.student-library-backdrop{position:fixed;z-index:1000;inset:0;display:grid;padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));place-items:center;background:#302d2a57;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.student-library-flow{width:min(100%,540px);max-height:min(760px,calc(100dvh - 32px));overflow:auto;padding:20px;border:1px solid rgba(255,255,255,.88);border-radius:28px;background:#fbf8f4;box-shadow:0 24px 64px #3b342f38}.student-library-flow>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.student-library-flow>header div{display:grid;gap:3px}.student-library-flow>header small{color:#9a7367;font-size:11px;font-weight:900;letter-spacing:.16em}.student-library-flow>header strong{font-size:clamp(22px,5vw,30px)}.student-library-flow button{min-height:46px;border:1px solid rgba(112,99,89,.16);border-radius:16px;background:#fff;color:#3e3935;font-weight:850}.student-library-list{display:grid;gap:10px;margin-top:20px}.student-library-list>p{margin:0 2px 4px;color:#766b64;font-weight:800}.student-library-list>button{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;text-align:left}.student-library-list>button>span:nth-child(2){display:grid;gap:4px}.student-library-list>button small{color:#756c66}.student-library-list__icon,.student-library-cover{display:grid;place-items:center;border-radius:15px;background:#f973161f;color:#d95f0b;font-size:24px}.student-library-list__icon{width:52px;height:52px}.student-library-detail{display:grid;justify-items:center;gap:12px;margin-top:18px;text-align:center}.student-library-back{justify-self:start;min-height:40px!important;padding-inline:14px}.student-library-cover{width:min(46vw,180px);aspect-ratio:4 / 5;margin-top:4px;font-size:54px}.student-library-detail h2,.student-library-detail p{margin:0}.student-library-detail p{color:#706761}.student-library-practice{width:100%;min-height:56px!important;margin-top:6px;border:0!important;background:#3d5949!important;color:#fff!important}.student-library-flow__empty{display:grid;gap:8px;margin-top:20px;padding:28px 20px;border-radius:20px;background:#f1ebe5;text-align:center}.student-library-flow__empty span{color:#706761;line-height:1.55}@media(max-height:520px)and (orientation:landscape){.student-library-backdrop{padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}.student-library-flow{width:min(100%,720px);max-height:calc(100dvh - 16px);padding:12px 16px;border-radius:20px}.student-library-detail{grid-template-columns:118px minmax(0,1fr);justify-items:stretch;text-align:left}.student-library-back{grid-column:1 / -1}.student-library-cover{grid-row:span 3;width:118px}.student-library-practice{align-self:end}}.student-heading-action{min-height:40px;padding:0 10px;border:1px solid #cdd8cf;border-radius:13px;color:#425a48;background:#f6faf5f5;font:inherit;font-size:.72rem;font-weight:850;white-space:nowrap}.student-download-compact{display:grid}.student-download-compact a,.student-download-compact button{display:flex;min-height:44px;align-items:center;justify-content:center;padding:0 9px;border:1px solid #cdd8cf;border-radius:13px;color:#425a48;background:#f6faf5f5;box-shadow:0 5px 14px #465b4a14;font-size:.7rem;font-weight:850;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap}.student-download-compact button:disabled{border-color:#ded6cf;color:#6f6761;background:#f3eee9;box-shadow:none;cursor:wait;opacity:1}.student-download-compact button:not(:disabled){border-color:#d5b8b2;color:#744d45;background:#fff8f5;cursor:pointer}.student-download-compact a:focus-visible,.student-download-compact button:focus-visible{outline:3px solid rgba(83,151,103,.22);outline-offset:2px}.student-mode-switch{position:relative;z-index:20;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px;padding:5px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:#f8f4f0e6;box-shadow:0 10px 28px #4c3f361a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.student-player-heading>.student-mode-switch{width:100%;flex:0 0 100%;order:3}.student-mode-switch button{min-inline-size:44px;min-height:44px;border:0;border-radius:13px;color:#756d67;background:transparent;font-size:.86rem;font-weight:800;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.student-mode-switch button[aria-pressed=true]{color:#3b3532;background:#fffdfb;box-shadow:0 5px 16px #4a3c331c}.student-own-range{display:grid;gap:10px;padding:14px 16px;border:1px solid rgba(255,138,0,.28);border-radius:16px;background:#fff6ebb8}.student-own-range__heading{display:grid;gap:2px}.student-own-range__heading small{font-size:12px;letter-spacing:.02em;color:#78522ddb}.student-own-range__heading strong{font-size:15px;font-weight:650}.student-own-range__actions{display:flex;flex-wrap:wrap;gap:8px}.student-own-range__actions button{min-height:44px;padding:0 16px;border:1px solid rgba(255,138,0,.36);border-radius:999px;background:#fff;font-size:14px;font-weight:600}.student-own-range__actions button:disabled{opacity:.45}.student-recommendation-panel{margin:10px 0 12px}.student-recommendation-panel>summary{width:max-content;min-height:44px;padding:0 14px;border:1px solid rgba(198,215,199,.7);border-radius:14px;color:#4d6252;background:#f4f8f3f0;cursor:pointer;font-size:.76rem;font-weight:850;line-height:42px;list-style:none}.student-recommendation-panel>summary::-webkit-details-marker{display:none}.student-recommendation-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:13px 0 9px;padding:14px 16px;border:1px solid rgba(198,215,199,.62);border-radius:18px;color:#46584b;background:#ecf4eced}.student-recommendation-strip div{display:grid;gap:4px;min-width:0}.student-recommendation-strip small{color:#607064;font-size:.68rem;font-weight:750}.student-recommendation-strip strong{overflow:hidden;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.student-recommendation-strip>span{flex:0 0 auto;padding:6px 9px;border-radius:999px;color:#5d7562;background:#ffffffb8;font-size:.69rem;font-weight:800}.student-recommendation-chips{display:flex;gap:7px;margin:-2px 0 12px;padding:2px 2px 5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.student-recommendation-chips::-webkit-scrollbar{display:none}.student-recommendation-chip{flex:0 0 auto;min-inline-size:44px;min-height:44px;padding:0 13px;border:1px solid #ded5ce;border-radius:999px;color:#756b65;background:#fffdfad6;box-shadow:0 4px 12px #4b3e360f;font-size:.75rem;font-weight:800;white-space:nowrap}.student-recommendation-chip[aria-pressed=true]{border-color:#9eb5a1;color:#49604e;background:#e5efe5;box-shadow:0 5px 14px #4b6d5121}.student-questions{display:grid;gap:13px;margin:10px 0 4px;padding:16px;overflow:hidden;border:1px solid rgba(218,207,198,.88);border-radius:20px;background:#fffdfae6;box-shadow:0 10px 28px #4b3e3614}.student-questions>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.student-questions>header>div{min-width:0}.student-questions>header small{color:#756d67;font-size:.68rem;font-weight:800}.student-questions h2{margin:2px 0 0;color:#3f3935;font-size:1rem;letter-spacing:-.03em}.student-questions>header>strong{flex:0 0 auto;padding:6px 9px;border-radius:999px;color:#49604e;background:#e5efe5;font-size:.72rem}.student-questions form{display:grid;gap:8px}.student-questions form label{color:#625a54;font-size:.75rem;font-weight:800}.student-questions textarea{width:100%;min-height:86px;padding:12px 13px;resize:vertical;border:1px solid #ded5ce;border-radius:14px;outline:none;color:#3f3935;background:#ffffffeb;font-size:.82rem;line-height:1.55}.student-questions textarea:focus{border-color:#9eb5a1;box-shadow:0 0 0 3px #5397671f}.student-questions form button,.student-questions [aria-label="질문 다시 불러오기"]{min-height:44px;padding:0 14px;border:0;border-radius:13px;color:#fff;background:#4b4844;font-size:.78rem;font-weight:850}.student-questions form button:disabled{cursor:not-allowed;opacity:.42}.student-questions>p,.student-questions>[role=alert],.student-questions form [role=alert]{margin:0;color:#6f6761;font-size:.75rem;line-height:1.55}.student-questions>[role=alert]{display:grid;gap:7px}.student-questions>[role=alert] strong{color:#944a50}.student-questions form [role=alert]{color:#a24f55;font-weight:700}.student-question-list{display:grid;gap:8px}.student-question-list article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;padding:11px 12px;border-radius:14px;background:#f3eee9}.student-question-list article>strong{padding:4px 7px;border-radius:999px;color:#526657;background:#e3ece2;font-size:.68rem;white-space:nowrap}.student-question-list p{min-width:0;margin:1px 0 0;color:#4f4843;font-size:.78rem;line-height:1.55;overflow-wrap:anywhere}.student-youtube-shell{position:relative;display:block;width:min(356px,100%);min-width:200px;min-height:200px;aspect-ratio:16 / 9;margin:8px 0 0 auto;overflow:hidden;border-radius:14px;background:#100e0d;box-shadow:0 8px 22px #3e332c29}.student-youtube-shell>div,.student-youtube-shell iframe{width:100%!important;height:100%!important;border:0}.student-youtube-shell>div:empty:before{position:absolute;inset:0;display:grid;color:#ffffffb3;content:"연습 음악";font-size:.8rem;font-weight:750;place-items:center}.student-practice-player>audio{display:none}.student-score-stack{display:grid;gap:14px;min-height:0;padding:7px;overflow:clip;border:1px solid rgba(255,255,255,.92);border-radius:24px;background:#fffdfab8;box-shadow:0 22px 62px #44393221,inset 0 1px #fffffff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.student-score-stack .practice-score-surface{position:relative;width:100%;min-height:0}.student-score-stack .practice-score-surface__header{padding:1px 1px 8px}.student-score-stack .practice-score-surface__header.is-view-selector-open{z-index:100}.student-score-stack .practice-score-surface__viewport{min-height:min(52dvh,580px);max-height:min(78dvh,calc(100dvh - 220px),1020px);scroll-padding-bottom:calc(var(--student-player-dock-block-size) + 12px);border-radius:17px;background:#e9e4de}.practice-score-surface__header>button[aria-label="현재 위치로"]{position:absolute;z-index:32;right:10px;bottom:10px;width:44px;min-width:44px;height:44px;padding:0;overflow:hidden;border-radius:50%;font-size:0;box-shadow:0 6px 18px #36483b33}.practice-score-surface__header>button[aria-label="현재 위치로"]:before{content:"현재";font-size:.64rem;font-weight:850}.student-practice-player[data-student-score-view=four-systems] .student-score-stack .practice-score-surface__viewport{min-height:0}.student-practice-player[data-student-score-view=nine-systems] .practice-four-system-score__rows{width:100%;max-width:530px;margin:0 auto}.student-score-view-toolbar{position:relative;display:flex;width:100%;min-width:0;align-items:center;justify-content:flex-start;gap:4px;flex-wrap:nowrap;overflow:visible}.student-tracking-options{position:relative;flex:0 0 auto}.student-tracking-options>summary{min-height:44px;padding:0 12px;border:1px solid rgba(211,202,194,.9);border-radius:14px;color:#3f5143;background:#fffdfbf5;cursor:pointer;font-size:.76rem;font-weight:850;line-height:42px;list-style:none}.student-tracking-options>summary::-webkit-details-marker{display:none}.student-tracking-options>.student-tracking-mode-selector{position:absolute;z-index:140;top:calc(100% + 6px);left:0;width:max-content;padding:7px;border:1px solid rgba(211,202,194,.94);border-radius:16px;background:#fbf8f4fa;box-shadow:0 12px 28px #4a3c3329}.student-score-options{position:relative;min-width:0;flex:1 1 auto}.student-score-options>summary{display:flex;min-width:0;min-height:44px;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border:1px solid rgba(211,202,194,.9);border-radius:14px;color:#3f5143;background:#fffdfbf5;cursor:pointer;font-size:.76rem;list-style:none}.student-score-options>summary::-webkit-details-marker{display:none}.student-score-options__state{min-width:0;overflow:hidden;color:#766c65;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.student-score-options__panel{position:absolute;z-index:120;top:calc(100% + 6px);left:0;display:grid;width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 120px);grid-template-columns:minmax(0,1fr);gap:6px;padding:8px;overflow:auto;border:1px solid rgba(211,202,194,.94);border-radius:18px;background:#fbf8f4fa;box-shadow:0 18px 46px #38302b33}.student-score-view-selector{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid rgba(211,202,194,.9);border-radius:15px;background:#efeae4eb;box-shadow:inset 0 1px #ffffffd1}.student-score-view-selector button{min-inline-size:44px;min-height:44px;padding:0 11px;border:0;border-radius:11px;color:#716761;background:transparent;font-size:.78rem;font-weight:850;letter-spacing:-.02em;transition:color .16s ease,background .16s ease,box-shadow .16s ease,transform .12s ease}.student-score-view-selector button[aria-checked=true]{color:#35483a;background:#fffdfb;box-shadow:0 6px 16px #4137311f,inset 0 0 0 1px #95ab9961}.student-score-view-selector button:not(:disabled):active{transform:translateY(1px)}.student-score-view-selector button:disabled{color:#a39a94;cursor:not-allowed;opacity:.58}.student-tracking-mode-selector{display:grid;grid-template-columns:repeat(4,max-content);gap:3px;padding:3px;border:1px solid rgba(211,202,194,.9);border-radius:13px;background:#fffdfbf0;box-shadow:inset 0 1px #ffffffd1}.student-tracking-mode-selector button{min-inline-size:44px;min-height:44px;padding:0 9px;border:0;border-radius:10px;color:#716761;background:transparent;font-size:.72rem;font-weight:850;letter-spacing:-.025em;white-space:nowrap;transition:color .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease,transform .12s ease}.student-tracking-mode-selector button[aria-checked=true]{color:#fff;background:var(--downbeat-tracking-orange);box-shadow:0 5px 13px #c2410c42,inset 0 0 0 1px #9a34122e}.student-tracking-mode-selector button:not(:disabled):active{transform:translateY(1px)}.student-tracking-mode-selector button:disabled,.student-tracking-mode-selector button[aria-disabled=true]{cursor:not-allowed;opacity:.5}.student-score-zoom-controls{display:grid;grid-template-columns:44px 70px 44px;gap:4px;padding:4px;border:1px solid rgba(211,202,194,.9);border-radius:15px;background:#fffdfbf5;box-shadow:0 5px 16px #41373117}.student-score-zoom-controls button{min-inline-size:44px;min-height:44px;padding:0 8px;border:0;border-radius:11px;color:#3f5143;background:#f3eee8;font:inherit;font-size:.82rem;font-weight:900}.student-score-zoom-controls button:not(:disabled):active{transform:translateY(1px)}.student-score-zoom-controls button:disabled{cursor:not-allowed;opacity:.42}.student-score-focus-toggle,.student-score-follow-toggle{flex:0 0 auto;min-inline-size:44px;min-height:44px;padding:0 15px;border:1px solid rgba(91,113,96,.34);border-radius:15px;color:#3f5143;background:#f6faf4f7;box-shadow:0 5px 16px #41373117;font:inherit;font-size:.78rem;font-weight:900;white-space:nowrap}.student-score-focus-toggle[aria-pressed=true],.student-score-follow-toggle[aria-pressed=true]{color:#fff;background:#405a46}.student-score-stack .practice-four-system-score{padding:0 2px 4px}.student-score-stack .practice-four-system-score>nav{gap:8px;padding:6px 6px 8px;background:linear-gradient(to bottom,#e9e4de 78%,#e9e4de00)}.student-score-stack .practice-four-system-score>nav button{min-inline-size:44px;min-height:44px;padding:0 13px;border:1px solid rgba(199,190,181,.9);border-radius:12px;color:#625852;background:#fffdfaf0;box-shadow:0 5px 14px #4a3e3614;font-size:.72rem;font-weight:800}.student-score-stack .practice-four-system-score>nav button:disabled{opacity:.42}.student-score-stack .practice-four-system-score__rows{gap:0;background:#fff}.student-score-stack .practice-four-system-score__window{display:grid;width:100%;min-height:0;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;align-content:start;gap:0;overflow:hidden;background:#fff}.student-score-stack .practice-four-system-score__current-lane{width:100%;min-height:0;justify-self:stretch;background:#fff;will-change:transform}.student-score-stack .practice-four-system-score__current-lane[data-window-shift=forward]{animation:student-practice-window-forward .2s cubic-bezier(.22,1,.36,1)}.student-score-stack .practice-four-system-score__current-lane[data-window-shift=backward]{animation:student-practice-window-backward .2s cubic-bezier(.22,1,.36,1)}@keyframes student-practice-window-forward{0%{transform:translateY(7%)}to{transform:translateY(0)}}@keyframes student-practice-window-backward{0%{transform:translateY(-7%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.student-score-stack .practice-four-system-score__current-lane{animation:none}}.student-score-stack .practice-four-system-score__row-slot{width:100%;overflow:hidden;border:0;border-radius:0;background:#fff;box-shadow:none}.student-practice-player[data-score-focus-mode=true]{position:fixed;z-index:1000;inset:0;display:grid;width:100%;max-width:none;height:100dvh;min-height:0;grid-template-rows:minmax(0,1fr);gap:0;margin:0;padding:0;overflow:hidden;background:#e9e4de}.student-practice-player[data-score-focus-mode=true]>:not(.student-score-focus-toolbar):not(.student-score-stack):not(.student-player-controls):not(audio):not(.student-youtube-shell){display:none}.student-practice-player[data-score-focus-mode=true][data-student-audio-kind=youtube]>.student-player-heading.student-player-heading.student-player-heading.student-player-heading.student-player-heading{display:block;width:0;height:0;margin:0;padding:0;overflow:visible;border:0;background:none;box-shadow:none}.student-practice-player[data-score-focus-mode=true][data-student-audio-kind=youtube]>.student-player-heading>:not(.student-youtube-shell):not(audio){display:none}.student-practice-player[data-score-focus-mode=true][data-student-audio-kind=youtube] .student-youtube-shell{position:fixed;z-index:1005;top:calc(48px + env(safe-area-inset-top));right:max(6px,env(safe-area-inset-right));width:200px;min-width:200px;height:200px;min-height:200px;aspect-ratio:auto;margin:0}.student-practice-player[data-score-focus-mode=true][data-student-audio-kind=youtube]>.student-score-stack{padding-right:calc(212px + env(safe-area-inset-right))}@media(orientation:portrait){.student-practice-player[data-score-focus-mode=true][data-student-audio-kind=youtube] .student-youtube-shell{right:max(6px,env(safe-area-inset-right));left:max(6px,env(safe-area-inset-left));width:auto}.student-practice-player[data-score-focus-mode=true][data-student-audio-kind=youtube]>.student-score-stack{padding-top:calc(256px + env(safe-area-inset-top));padding-right:0}}.student-practice-player[data-score-focus-mode=true]>.student-score-focus-toolbar{position:fixed;z-index:1010;top:max(2px,env(safe-area-inset-top));right:max(4px,env(safe-area-inset-right));left:max(4px,env(safe-area-inset-left));display:flex;width:auto;height:40px;min-width:0;align-items:center;gap:4px;padding:0;overflow-x:auto;overflow-y:hidden;pointer-events:none;scrollbar-width:none}.student-practice-player[data-score-focus-mode=true]>.student-score-focus-toolbar>*{pointer-events:auto}.student-practice-player[data-score-focus-mode=true]>.student-score-focus-toolbar::-webkit-scrollbar{display:none}.student-practice-player[data-score-focus-mode=true] .student-score-focus-toolbar .student-mode-switch{width:min(36vw,300px);min-width:220px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;border-radius:15px}.student-practice-player[data-score-focus-mode=true] .student-score-focus-toolbar .student-mode-switch button{min-height:34px}.student-practice-player[data-score-focus-mode=true] .student-score-focus-toolbar .student-score-view-toolbar{display:flex;width:auto;min-width:max-content;justify-content:flex-start;gap:4px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.student-practice-player[data-score-focus-mode=true] .student-score-focus-toolbar .student-score-view-toolbar>*{flex:0 0 auto}.student-practice-player[data-score-focus-mode=true] .student-score-focus-toolbar .student-score-view-toolbar::-webkit-scrollbar{display:none}.student-practice-player[data-score-focus-mode=true]>.student-score-stack{position:relative;width:100%;height:100dvh;min-height:0;grid-row:1;grid-template-rows:minmax(0,1fr);padding:calc(46px + env(safe-area-inset-top)) 0 calc(56px + env(safe-area-inset-bottom));overflow:hidden;border:0;border-radius:0;background:#e9e4de;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.student-practice-player[data-score-focus-mode=true] .practice-score-surface{width:100%;height:100%;min-height:0;max-height:none;grid-template-rows:minmax(0,1fr)}.student-practice-player[data-score-focus-mode=true] .practice-score-surface__viewport{width:100%;height:100%;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;scroll-padding-block:0 56px;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}.student-practice-player[data-score-focus-mode=true] .practice-page-score-view{min-height:100%;overflow:visible;overscroll-behavior:auto;touch-action:pan-y pinch-zoom}.student-practice-player[data-score-focus-mode=true] .practice-page-score-view__pages{gap:0;padding:0}.student-practice-player[data-score-focus-mode=true] .practice-page-score-view__page{border:0;border-radius:0;box-shadow:none}.student-practice-player[data-score-focus-mode=true] .practice-score-surface__header{display:none}.student-practice-player[data-score-focus-mode=true] .practice-four-system-score{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr);overflow:visible}.student-practice-player[data-score-focus-mode=true] .practice-four-system-score__window{width:100%;height:auto;min-height:0;align-content:start;overflow:hidden}.student-practice-player[data-score-focus-mode=true] .practice-four-system-score__current-lane{width:100%;grid-auto-rows:max-content;align-content:start;justify-self:stretch}.student-practice-player[data-score-focus-mode=true] .practice-four-system-score__row-slot{display:block;min-height:0}.student-practice-player[data-score-focus-mode=true] .practice-four-system-score__row-slot>.practice-four-system-score__row{width:100%;max-width:none;height:auto;max-height:none}.student-practice-player[data-score-focus-mode=true] .practice-four-system-score[data-continuous-scroll=true]{grid-template-rows:minmax(0,1fr);overflow:hidden}.student-practice-player[data-score-focus-mode=true] .practice-four-system-score[data-continuous-scroll=true] .practice-four-system-score__window{width:100%;height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding-block:44px 108px;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.student-practice-player[data-score-focus-mode=true] .practice-four-system-score[data-continuous-scroll=true] .practice-four-system-score__current-lane{min-width:0;justify-self:center;will-change:auto;animation:none}.student-practice-player[data-score-focus-mode=true] .practice-four-system-score[data-continuous-scroll=true] .practice-four-system-score__row-slot{display:flex;align-items:center}.student-practice-player[data-score-focus-mode=true] .student-score-view-toolbar.is-focus-inline>.student-tracking-mode-selector{flex:0 0 auto}.student-practice-player[data-score-focus-mode=true] .student-score-view-toolbar.is-focus-inline .student-tracking-mode-selector button{min-inline-size:40px;min-height:34px;padding-inline:7px}.student-practice-player[data-score-focus-mode=true] .student-score-view-toolbar.is-focus-inline .student-score-follow-toggle{min-height:34px;padding-inline:10px}.student-practice-player[data-score-focus-mode=true]>.student-player-controls{position:fixed;z-index:1010;right:max(4px,env(safe-area-inset-right));bottom:max(4px,env(safe-area-inset-bottom));left:max(4px,env(safe-area-inset-left));display:grid;width:auto;block-size:clamp(46px,8dvh,52px);max-block-size:52px;grid-template-columns:minmax(168px,auto) minmax(0,1fr);align-items:center;gap:5px;margin:0;padding:3px;overflow:hidden;border-radius:12px}.student-practice-player[data-score-focus-mode=true]>.student-player-controls .student-transport-row,.student-practice-player[data-score-focus-mode=true]>.student-player-controls.is-compact .student-transport-row{min-width:0;grid-template-columns:minmax(108px,1fr) minmax(70px,auto);gap:4px}.student-practice-player[data-score-focus-mode=true]>.student-player-controls .student-play-button{width:auto;min-height:40px;padding-inline:10px;white-space:nowrap}.student-practice-player[data-score-focus-mode=true]>.student-player-controls .student-now-playing,.student-practice-player[data-score-focus-mode=true]>.student-player-controls.is-compact .student-now-playing{display:grid;min-height:40px;padding:2px 8px}.student-practice-player[data-score-focus-mode=true]>.student-player-controls .student-speed-row,.student-practice-player[data-score-focus-mode=true]>.student-player-controls.is-compact .student-speed-row{display:flex;min-width:0;justify-content:flex-start;gap:3px;margin-top:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:4px}.student-speed-row>.student-speed-button{scroll-snap-align:center}.student-practice-player[data-score-focus-mode=true]>.student-player-controls .student-speed-row::-webkit-scrollbar{display:none}.student-practice-player[data-score-focus-mode=true]>.student-player-controls .student-speed-button{flex:0 0 40px;min-inline-size:40px;min-height:40px}.student-practice-player[data-score-focus-mode=true]>.student-player-controls .student-restart-button{flex:0 0 auto;min-height:40px}.student-practice-player[data-score-focus-mode=true]>.student-player-controls .student-player-notice{display:none}.student-score-stack .practice-page-score-view__page{overflow:hidden;border:1px solid rgba(83,69,61,.09);border-radius:17px;box-shadow:0 13px 38px #4b3e351f,0 2px 7px #4b3e350f}.student-score-page{position:relative;width:100%;overflow:hidden;border:1px solid rgba(83,69,61,.09);border-radius:17px;background:#fff;box-shadow:0 13px 38px #4b3e351f,0 2px 7px #4b3e350f}.student-score-stack .practice-page-score-view__page>.student-score-page{height:100%;border:0;border-radius:inherit;box-shadow:none}.student-score-page>img{position:absolute;inset:0;display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.student-score-image-status{position:absolute;z-index:2;inset:0;display:grid;align-content:center;gap:10px;justify-items:center;color:#6f6761;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.96),transparent 34%),linear-gradient(145deg,#fbf8f4,#f2ebe5);font-size:.78rem;font-weight:750;letter-spacing:-.01em;pointer-events:none}.student-score-image-status.is-failed{z-index:30;pointer-events:auto}.student-score-image-status button{min-height:44px;padding:0 16px;border:0;border-radius:14px;color:#fff;background:#4b4844;box-shadow:0 8px 18px #413b362e;cursor:pointer;font-weight:850}.student-score-image-status button:focus-visible{outline:3px solid rgba(83,151,103,.24);outline-offset:2px}.student-score-annotations{position:absolute;z-index:5;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.student-measure-hit{position:absolute;z-index:10;min-width:0;min-height:0;padding:0;border:1.5px solid transparent;border-radius:4px;outline:none;background:transparent;cursor:pointer}.student-measure-hit>span{position:absolute;top:3px;left:3px;display:grid;min-width:19px;height:19px;padding:0 4px;border-radius:999px;color:#6e635d;background:#fffcf8e0;box-shadow:0 2px 6px #3b312c1f;font-size:clamp(.52rem,2vw,.67rem);font-weight:850;line-height:1;place-items:center}.student-measure-hit.is-recommended{border-color:#77997d73;background:#89ad8f0d}.student-practice-player[data-practice-mode=recommended] .student-measure-hit.is-muted{background:#ffffff29}.student-measure-hit:focus-visible{border-color:#4e8d60;box-shadow:0 0 0 3px #53976733}.student-measure-hit.is-active{border-color:#33944fb3;background:#3ba55914}.student-measure-hit:disabled{cursor:default}.student-active-marker{position:absolute;z-index:20;width:clamp(10px,2.8vw,16px);height:clamp(10px,2.8vw,16px);border:2px solid rgba(255,255,255,.95);border-radius:50%;background:#35a455;box-shadow:0 0 0 3px #35a45533,0 4px 10px #287a3f59;pointer-events:none;transform:translate(-28%,-55%)}.student-writing-tools{position:sticky;z-index:45;top:max(8px,env(safe-area-inset-top));display:grid;gap:7px;margin:0 0 10px;padding:7px;border:1px solid rgba(222,213,206,.88);border-radius:17px;background:#fffdfaeb;box-shadow:0 7px 20px #4b3e3614;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .16s ease,box-shadow .16s ease}.student-writing-tools.is-prominent{border-color:#5397678f;box-shadow:0 0 0 3px #5397671c,0 11px 28px #4b6d5124}.student-writing-tools__compact{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6px}.student-writing-tools__compact>.student-mode-switch{width:auto;margin:0;padding:3px;box-shadow:none}.student-writing-tools__compact>.student-mode-switch button{white-space:nowrap}@media(max-width:430px){.student-writing-tools__compact{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,1fr);gap:5px}.student-writing-tools__compact>.student-mode-switch{gap:3px;padding:2px}.student-writing-tools__compact>.student-mode-switch button{padding-inline:4px;font-size:.68rem}}.student-writing-tools button{min-height:44px;padding:0 10px;border:1px solid #ddd4cd;border-radius:12px;color:#675e58;background:#ffffffd6;font-size:.76rem;font-weight:800}.student-writing-tools button[aria-pressed=true]{border-color:#9eb5a1;color:#49604e;background:#e5efe5}.student-writing-tools button:disabled{cursor:not-allowed;opacity:.42}.student-writing-tools__settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.student-writing-tools__settings small{grid-column:1 / -1;padding:4px 3px 1px;color:#756d67;font-size:.68rem;line-height:1.45;text-align:center}.student-player-controls{position:fixed;z-index:80;right:max(10px,env(safe-area-inset-right));bottom:var(--student-player-dock-bottom-offset);left:max(10px,env(safe-area-inset-left));width:min(calc(100% - max(10px,env(safe-area-inset-right)) - max(10px,env(safe-area-inset-left))),736px);display:grid;block-size:var(--student-player-dock-block-size);max-block-size:var(--student-player-dock-block-size);grid-template-columns:minmax(180px,auto) minmax(0,1fr);align-items:center;gap:6px;margin:0 auto;padding:6px;overflow:hidden;border:1px solid rgba(255,255,255,.94);border-radius:23px;background:#fffdfaf0;box-shadow:0 20px 58px #3e332c33,inset 0 1px #fffffff2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.student-player-controls.is-compact{right:max(10px,env(safe-area-inset-right));left:auto;width:min(236px,calc(100% - 20px));grid-template-columns:1fr;padding:7px;border-radius:18px}.student-player-controls.is-compact .student-transport-row{grid-template-columns:1fr}.student-player-controls.is-compact .student-now-playing,.student-player-controls.is-compact .student-speed-row{display:none}.student-transport-row{display:grid;min-width:0;grid-template-columns:minmax(150px,max-content) minmax(70px,auto);gap:4px}.student-play-button{display:flex;min-height:48px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:16px;color:#fff;background:linear-gradient(145deg,#514d49,#373431);box-shadow:0 10px 22px #37312d33;font-size:.88rem;font-weight:850}.student-play-button>span{font-size:.74rem}.student-now-playing{display:grid;min-width:0;min-height:48px;align-content:center;padding:4px 11px;border-radius:16px;background:#f1ece7}.student-now-playing small{color:#6f6761;font-size:.63rem;font-weight:750}.student-now-playing strong{overflow:hidden;color:#4b4440;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.student-speed-row{display:flex;min-width:0;gap:3px;margin-top:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.student-speed-row::-webkit-scrollbar{display:none}.student-speed-button{flex:0 0 44px;min-width:0;min-inline-size:44px;min-height:44px;padding:0 2px;border:0;border-radius:10px;color:#6f6761;background:transparent;font-size:clamp(.65rem,2.7vw,.76rem);font-weight:800}.student-speed-button[aria-pressed=true]{color:#4d6252;background:#e6efe5}.student-restart-button{flex:0 0 auto;min-height:44px;padding:0 12px;border:0;border-radius:10px;color:#4d6252;background:#edf3eb;font:inherit;font-size:clamp(.65rem,2.7vw,.76rem);font-weight:850;white-space:nowrap}.student-restart-button:disabled{cursor:not-allowed;opacity:.5}.student-player-notice{margin:7px 4px 0;color:#a24f55;font-size:.72rem;font-weight:700;text-align:center}.student-player-footer{display:grid;gap:10px;padding:22px 4px 6px;text-align:center}.student-download-button{display:flex;min-height:50px;align-items:center;justify-content:center;border:1px solid #dacfc6;border-radius:16px;color:#554b46;background:#fffdfae0;font-size:.86rem;font-weight:850;text-decoration:none}.student-player-footer small{color:#6f6761;font-size:.7rem}@media(max-width:430px){.student-player-controls{grid-template-columns:minmax(0,1fr);block-size:auto;max-block-size:none;row-gap:6px}.student-speed-row{justify-content:space-between;gap:4px}.student-speed-row>.student-speed-button{flex:1 1 0}.student-practice-player{padding-right:max(10px,env(safe-area-inset-right));padding-left:max(10px,env(safe-area-inset-left))}.student-player-heading{padding-right:3px;padding-left:3px}}@media(max-width:430px)and (orientation:portrait){.student-player-heading{align-items:center;gap:8px;padding:2px 3px 7px}.student-brand{display:none}.student-player-heading h1{margin:0;overflow:hidden;font-size:1.08rem;text-overflow:ellipsis;white-space:nowrap}.student-player-heading p{display:none}.student-player-heading__actions{min-width:0;gap:3px}.student-player-heading__actions .practice-badge{display:none}.student-player-heading__actions .student-download-compact a,.student-player-heading__actions .student-download-compact button{padding-inline:7px;font-size:.67rem}.student-score-view-toolbar{min-width:0;flex-wrap:nowrap;gap:4px;overflow:visible}.student-score-options__state{display:none}.student-score-focus-toggle,.student-score-follow-toggle{padding-inline:7px;font-size:.7rem}.student-tracking-mode-selector{width:100%;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr))}.student-tracking-mode-selector button{padding-inline:2px;font-size:.67rem}.student-writing-tools{position:static;margin-bottom:5px;padding:3px;border-radius:12px}}@media(min-width:768px){.student-player-heading{display:grid;align-items:start;grid-template-columns:minmax(0,1fr) auto auto;column-gap:14px;padding-block:6px 8px}.student-player-heading>div:first-child{align-self:center;grid-column:1}.student-player-heading__actions{grid-column:2;max-width:none;flex-wrap:nowrap}.student-player-heading>.student-youtube-shell{grid-column:3;margin:0}.student-score-view-toolbar{display:flex;justify-content:stretch;gap:4px;flex-wrap:nowrap;overflow:visible}.student-score-options__panel{grid-template-columns:1fr 1fr auto}.student-score-view-selector{width:100%;min-width:0;gap:2px;padding:2px}.student-score-view-selector button{padding-inline:4px}.student-tracking-mode-selector{min-width:0;grid-template-columns:repeat(4,minmax(44px,1fr));gap:1px;padding:2px}.student-tracking-mode-selector button{padding-inline:2px;font-size:.68rem}.student-score-zoom-controls{min-width:136px;grid-template-columns:44px minmax(44px,1fr) 44px;gap:1px;padding:2px}.student-score-focus-toggle{flex:0 1 92px;padding-inline:7px}}@media(orientation:landscape)and (max-height:520px){.student-practice-player,.student-practice-player[data-student-writing-priority=writing]{--student-player-dock-block-size: 56px;--student-player-dock-bottom-offset: max(4px, env(safe-area-inset-bottom));position:relative;padding-top:max(4px,env(safe-area-inset-top))}.student-player-heading{position:relative;z-index:30;display:grid;grid-template-columns:148px minmax(0,1fr) 206px;align-items:center;gap:4px;min-height:38px;padding:0 2px 2px}.student-player-heading>div:first-child{grid-column:1;grid-row:1}.student-brand{display:none}.student-player-heading h1{max-width:148px;margin:0;overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.student-player-heading p{display:none}.student-player-heading__actions{display:flex;min-width:0;max-width:206px;grid-column:3;grid-row:1;gap:3px}.student-heading-action{min-height:34px;padding-inline:7px;border-radius:10px;font-size:.67rem}.student-download-compact a,.student-download-compact button{min-height:34px;padding-inline:7px;border-radius:10px;font-size:.65rem}.student-mode-switch{position:static;z-index:auto;width:100%;grid-column:2;grid-row:1;gap:2px;order:0;padding:2px;border-radius:12px}.student-mode-switch button{min-height:34px;border-radius:9px;font-size:.7rem}.student-score-stack .practice-score-surface__header{min-height:38px;padding:2px 2px 2px 204px;overflow:hidden}.student-score-view-toolbar{display:flex;justify-content:flex-start;flex-wrap:nowrap;overflow:visible}.student-score-options>summary,.student-score-focus-toggle,.student-score-follow-toggle{min-height:34px;padding-inline:9px;border-radius:11px;font-size:.7rem}.student-score-options__panel{max-height:calc(100dvh - 58px);grid-template-columns:minmax(210px,1fr) minmax(250px,1fr) auto}.student-writing-tools{position:relative;z-index:46;top:auto;width:196px;gap:2px;margin:0 0 -38px;padding:2px;border-radius:12px}.student-writing-tools__compact{gap:2px}.student-writing-tools button{min-height:34px;padding-inline:6px;border-radius:9px;font-size:.7rem}.student-score-stack{gap:0;padding:2px;border-radius:14px}.student-score-stack .practice-four-system-score{gap:0;padding-bottom:0}.student-score-stack .practice-four-system-score>nav{gap:4px;padding:1px 4px 3px;background:#e9e4de}.student-score-stack .practice-four-system-score>nav button{min-height:32px;padding-inline:8px;border-radius:9px;font-size:.64rem}.student-score-stack .practice-score-surface__viewport{min-height:0;max-height:calc(100dvh - 104px);border-radius:12px}.student-player-controls{right:max(8px,env(safe-area-inset-right));left:auto;width:min(226px,calc(100% - 16px));grid-template-columns:1fr;padding:5px;border-radius:15px}.student-transport-row{grid-template-columns:1fr}.student-player-controls .student-now-playing,.student-player-controls .student-speed-row{display:none}.student-play-button{min-height:44px}}@media(max-width:340px){.student-practice-player{padding-right:max(7px,env(safe-area-inset-right));padding-left:max(7px,env(safe-area-inset-left))}.student-player-controls{right:max(6px,env(safe-area-inset-right));left:max(6px,env(safe-area-inset-left));padding:8px;border-radius:20px}.student-play-button{min-height:47px}.student-now-playing{padding-right:8px;padding-left:8px}}.student-score-only-notice{display:grid;gap:6px;margin:13px 0;padding:14px 16px;border:1px solid rgba(214,199,176,.72);border-radius:18px;color:#4a3c33;background:#faf3e8f2}.student-score-only-notice strong{font-size:.95rem}.student-score-only-notice p{margin:0;color:#6b5a4c;font-size:.83rem;line-height:1.55}.student-plain-audio{width:100%}.student-youtube-link{display:block;padding:13px 16px;border-radius:16px;color:#3b3532;background:#fffdfb;box-shadow:0 5px 16px #4a3c331c;font-size:.9rem;font-weight:750;text-align:center;text-decoration:none}