@font-face{font-family:Instrument Sans;src:url(/app/fonts/InstrumentSans-Variable.ttf)format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:Ravi;src:url(/app/fonts/Ravi-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Ravi;src:url(/app/fonts/Ravi-SemiBold.ttf)format("truetype");font-weight:600 900;font-display:swap}:root{color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;--ink:#17352f;--muted:#52675d;--forest:#183f36;--forest-2:#286653;--mint:#cfe8dc;--lime:#daf45e;--paper:#faf8f2;--canvas:#f4f1e8;--line:#dcded5;--yellow:#f3cd68;--lavender:#d8d0ec;--danger:#9f3f3f;--shadow:0 18px 45px #1f362d14;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;background:#f4f1e8;font-family:Instrument Sans,sans-serif}.cloud-settings{flex-direction:column;align-items:stretch;gap:14px;display:flex}.cloud-settings .settings-heading{margin-bottom:0}.cloud-settings p{margin:0;line-height:1.75}.cloud-email{overflow-wrap:anywhere}.cloud-status{border:1px solid var(--line);background:var(--mint);color:var(--ink);border-radius:12px;padding:12px 14px;font-weight:600}.cloud-status-error,.cloud-status-conflict,.cloud-status-account-mismatch{background:var(--canvas);border-color:var(--danger)}.cloud-time{color:var(--muted);font-size:12px}.cloud-actions{flex-wrap:wrap;gap:10px;display:flex}.cloud-actions .button{white-space:normal;text-align:center}.cloud-account-controls{border-top:1px solid var(--line);gap:12px;padding-top:18px;display:grid}.cloud-notice{border:1px solid var(--line);border-radius:14px;gap:12px;padding:16px;display:grid}.cloud-confirm{color:var(--ink);background:var(--paper);border:1px solid var(--line);width:min(520px,100% - 32px);max-height:85dvh;box-shadow:var(--shadow);border-radius:22px;padding:26px;overflow:auto}.cloud-confirm::backdrop{background:#0008}.cloud-confirm form{gap:16px;display:grid}.cloud-confirm h3,.cloud-confirm p{margin:0}.cloud-confirm input{width:100%;min-height:48px;color:var(--ink);background:var(--canvas);border:1px solid var(--line);border-radius:10px;padding:12px}.cloud-confirm .button-primary{background:var(--danger);color:#fff}@media (width<=500px){.cloud-actions>.button{width:100%}}[dir=rtl]{font-family:Ravi,Tahoma,sans-serif}[dir=rtl] :is(h1,h2,h3,.brand strong,.brand small){letter-spacing:0}::selection{background:var(--yellow);color:var(--ink)}input,textarea{caret-color:var(--forest)}h1,h2,h3{text-wrap:balance}.language-welcome{background:var(--canvas);place-items:center;min-height:100dvh;padding:32px 24px;display:grid}.welcome-content{width:min(100%,560px)}.welcome-brand{width:240px;max-width:100%;height:auto;margin-bottom:56px;display:block}.welcome-content h1{font:650 clamp(32px,6vw,48px)/1.2 Instrument Sans,sans-serif}.welcome-content p{color:var(--muted);line-height:1.8}.welcome-content [lang=en]{font-family:Instrument Sans,sans-serif}.welcome-content [lang=fa]{letter-spacing:0;font-family:Ravi,sans-serif}.welcome-languages{gap:12px;margin-block:28px 48px;display:flex}.welcome-languages button{flex:1;min-height:52px}.welcome-content small{color:var(--muted)}.project-credit{color:var(--muted);padding:16px 10px;font:400 11px/1.6 Instrument Sans,sans-serif;display:block}[dir=rtl] .path-item,[dir=rtl] .confidence-note,[dir=rtl] .hero-duration,[dir=rtl] .control-heading,[dir=rtl] .feedback-notice,[dir=rtl] .reason-row,[dir=rtl] .piece-meta{direction:rtl}[dir=rtl] .text-link svg,[dir=rtl] .finish-button svg,[dir=rtl] .reason-disclosure svg,[dir=rtl] .library-row>svg{transform:scaleX(-1)}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{min-width:320px;min-height:100dvh;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin-top:0}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline-offset:3px;outline:3px solid #4f58c9}.skip-link{z-index:1000;inset-inline-start:20px;background:var(--paper);max-width:calc(100vw - 40px);color:var(--ink);box-shadow:var(--shadow);border-radius:10px;padding:12px 18px;position:fixed;top:14px;transform:translateY(calc(-100% - 28px))}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);display:flex}.sidebar{z-index:20;border-inline-end:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf8f2eb;flex-direction:column;width:248px;padding:30px 22px 22px;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.brand{direction:ltr;align-items:center;gap:12px;margin:0 7px 42px;display:flex}.brand-mark{border-radius:13px;flex:none;width:42px;height:42px}.brand-wordmark{max-width:140px;height:auto;display:block}.brand strong,.brand small,.user-card strong,.user-card small{display:block}.brand strong{letter-spacing:-.04em;font-size:19px}.brand small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.side-nav{gap:5px;display:grid}.nav-link{color:#65746e;border-radius:13px;align-items:center;gap:13px;min-height:48px;padding:0 13px;font-size:14px;font-weight:600;transition:background-color .18s,color .18s,transform .18s;display:flex}.nav-link:hover{color:var(--ink);background:#ecece4;transform:translate(2px)}[dir=rtl] .nav-link:hover{transform:translate(-2px)}.nav-link.active{background:var(--forest);color:#fff}.sidebar-spacer{flex:1}.signup-suggestion{background:var(--paper);color:var(--ink);border-block-end:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 24px;display:flex}.signup-suggestion p{flex:260px;margin:0;line-height:1.7}.user-card{border-top:1px solid var(--line);align-items:center;gap:10px;padding:13px 10px;display:flex}.user-card strong{font-size:13px}.user-card small{color:var(--muted);font-size:11px}.status-dot{background:#55a86d;border-radius:50%;width:8px;height:8px;margin-inline-start:auto;box-shadow:0 0 0 4px #d9ecdd}.content-frame{width:calc(100% - 248px);min-height:100vh;margin-inline-start:248px}.main-content{max-width:1400px;margin:auto;padding:40px clamp(24px,4vw,64px) 70px}.offline-banner{z-index:15;color:#684e08;background:#fff2c8;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 20px;font-size:13px;font-weight:600;display:flex;position:sticky;top:0}.bottom-nav{display:none}.account-panel{margin-block-end:24px;padding:clamp(20px,4vw,36px)}.account-form{gap:18px;margin-block:24px;display:grid}.account-form label{gap:8px;font-weight:600;display:grid}.account-form input{border:1px solid var(--line);background:var(--paper);width:100%;min-height:48px;color:var(--ink);font:inherit;border-radius:10px;padding:12px 14px}.account-form p{color:var(--muted);margin:0;font-size:14px}.account-actions{flex-wrap:wrap;gap:16px;display:flex}.account-panel button.text-link{cursor:pointer;text-underline-offset:4px;background:0 0;border:0;align-items:center;min-height:44px;padding:6px 0;text-decoration:underline;display:inline-flex}.account-delete{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.account-delete summary{cursor:pointer;color:var(--danger);min-height:44px}.page-enter{animation:.38s cubic-bezier(.2,.8,.2,1) both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-header{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:30px;display:flex}.page-header h1{letter-spacing:-.055em;max-width:750px;margin-bottom:10px;font-size:clamp(30px,4vw,50px);line-height:1.05}[dir=rtl] .page-header h1{letter-spacing:0;line-height:1.2}.page-header>div>p:last-child{max-width:700px;color:var(--muted);line-height:1.65}.eyebrow{color:var(--forest-2);letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800}[dir=rtl] .eyebrow{letter-spacing:0}.xp-pill{border:1px solid var(--line);background:var(--paper);border-radius:15px;flex:none;min-width:142px;padding:12px 16px}.xp-pill span,.xp-pill strong{align-items:center;gap:6px;display:flex}.xp-pill span{color:var(--muted);font-size:11px}.xp-pill strong{margin-top:4px;font-size:14px}.button{cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 19px;font-size:14px;font-weight:750;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button-accent{background:var(--lime);color:#162a25;box-shadow:0 9px 24px #daf45e2e}.button-accent:hover{box-shadow:0 10px 28px #daf45e4d}.button-primary{background:var(--forest);color:#fff;box-shadow:0 10px 25px #183f3624}.button-dark{color:#fff;background:#17201d}.button-danger{color:#fff;background:#8d3737}.button-danger:hover{background:#772c2c}.button-quiet{border-color:var(--line);color:var(--ink);background:0 0}.button-quiet.destructive{color:#9b4747;border-color:#d8a2a2}.button-quiet:hover{background:#ebece5}.icon-text-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:0 8px;font-size:13px;font-weight:700;display:inline-flex}.round-button{cursor:pointer;background:#fff;border:1px solid #d8ddd6;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.round-button:hover:not(:disabled){background:#edf0eb}.session-hero{border-radius:var(--radius-lg);background:var(--forest);color:#fff;grid-template-columns:1.1fr .9fr;min-height:325px;margin-bottom:26px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 60px #183f3629}.hero-copy{z-index:2;padding:clamp(32px,5vw,58px);position:relative}.section-kicker{color:#cde0d9;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:25px;font-size:12px;font-weight:700;display:inline-flex}.pulse-dot{background:var(--lime);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #daf45e21}.hero-copy h2{letter-spacing:-.055em;max-width:540px;margin-bottom:15px;font-size:clamp(29px,3.7vw,49px);line-height:1.06}[dir=rtl] .hero-copy h2{letter-spacing:0;line-height:1.35}.hero-duration{color:#c6d7d1;align-items:center;gap:8px;margin-bottom:25px;display:flex}.confidence-note{color:#a7bdb5;align-items:flex-start;gap:7px;max-width:520px;margin:16px 0 0;font-size:11px;line-height:1.45;display:flex}.confidence-note svg{flex:none;margin-top:1px}.hero-art{background:radial-gradient(circle at 55% 48%,#3d8068 0,#285b4b 29%,#0000 65%);min-height:325px;position:relative}.music-orbit{border:1px solid #daf45e3d;border-radius:50%;position:absolute;transform:rotate(-18deg)}.orbit-one{width:340px;height:230px;top:46px;right:25px}.orbit-two{width:250px;height:155px;top:84px;right:64px;transform:rotate(22deg)}.session-disc{z-index:2;background:var(--lime);width:180px;height:180px;color:var(--forest);border:12px solid #ffffff14;border-radius:50%;place-items:center;display:grid;position:absolute;top:68px;right:80px;box-shadow:0 20px 50px #0000002e}.session-disc span{font-size:73px;transform:translate(2px,6px)}.session-disc small{font-weight:900;position:absolute;bottom:33px}.piano-keys{z-index:3;filter:drop-shadow(0 17px 13px #0000002b);display:flex;position:absolute;bottom:-12px;right:-17px;transform:rotate(-7deg)}.piano-keys span{background:#fafaf5;border:1px solid #d3d8d2;border-radius:0 0 6px 6px;width:41px;height:107px;display:block;position:relative}.piano-keys span.black-key:after{content:"";z-index:2;background:#17221f;border-radius:0 0 5px 5px;width:25px;height:67px;position:absolute;top:0;right:-13px}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);align-items:start;gap:26px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-md);background:#faf8f2d1;box-shadow:0 8px 30px #1f362d09}.plan-panel{padding:27px}.section-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.section-heading h2{letter-spacing:-.025em;max-width:560px;margin:0;font-size:18px;line-height:1.35}.duration-chip,.status-badge{color:#376454;white-space:nowrap;background:#e5eee9;border-radius:99px;align-items:center;min-height:27px;padding:0 10px;font-size:11px;font-weight:750;display:inline-flex}.practice-path{margin:0;padding:0;list-style:none}.path-item{grid-template-columns:42px minmax(0,1fr) auto auto 34px;align-items:center;gap:13px;min-height:83px;padding:11px 0;display:grid;position:relative}.path-item:not(:last-child):after{content:"";background:#ccd4cf;width:1px;position:absolute;top:62px;bottom:-19px;left:20px}[dir=rtl] .path-item:not(:last-child):after{left:auto;right:20px}.path-icon{z-index:1;width:42px;height:42px;color:var(--forest-2);background:#fff;border:1px solid #dce1dc;border-radius:13px;place-items:center;display:grid;position:relative}.path-item.complete .path-icon{background:var(--forest);color:#fff}.path-copy strong,.path-copy span{display:block}.path-copy strong{margin-bottom:5px;font-size:14px}.path-copy span,.path-time{color:var(--muted);font-size:12px}.path-actions{align-items:center;gap:3px;display:inline-flex}.path-action{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;font-weight:800;line-height:1}.path-action:hover:not(:disabled),.path-action:focus-visible:not(:disabled){color:var(--ink);background:#e5eee9}.path-action:disabled{opacity:.35;cursor:not-allowed}.path-action-danger:hover:not(:disabled),.path-action-danger:focus-visible:not(:disabled){color:#8a3f35;background:#f6e4df}.why-details{position:relative}.why-details summary{cursor:pointer;width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;list-style:none;display:grid}.why-details summary::-webkit-details-marker{display:none}.why-details[open] summary{color:var(--ink);background:#e4eae5}.why-details p{z-index:10;border:1px solid var(--line);width:250px;box-shadow:var(--shadow);color:var(--muted);background:#fff;border-radius:12px;margin:0;padding:14px;font-size:12px;line-height:1.5;position:absolute;top:33px;right:0}[dir=rtl] .why-details p{left:0;right:auto}.dashboard-rail{gap:18px;display:grid}.weekly-card{justify-content:space-between;align-items:center;gap:18px;min-height:140px;padding:22px;display:flex}.weekly-card h2{margin-bottom:6px;font-size:17px}.weekly-card>div>p:last-child{color:var(--muted);margin:0;font-size:12px}.progress-ring{--progress:0deg;background:conic-gradient(var(--forest-2) var(--progress), #dde5df 0);border-radius:50%;flex:none;place-items:center;width:92px;height:92px;display:grid}.progress-ring:before{content:"";background:var(--paper);border-radius:50%;grid-area:1/1;width:72px;height:72px}.progress-ring div{z-index:1;text-align:center;grid-area:1/1;position:relative}.progress-ring strong,.progress-ring span{display:block}.progress-ring strong{font-size:18px}.progress-ring span{color:var(--muted);text-transform:uppercase;font-size:9px}.signal-card,.challenge-card{border-radius:var(--radius-md);padding:24px;position:relative;overflow:hidden}.signal-card{background:#d9e9de}.challenge-card{background:#f3dda4}.signal-card h2,.challenge-card h2{letter-spacing:-.035em;max-width:340px;margin-bottom:8px;font-size:20px;line-height:1.25}.signal-card>p:last-child,.challenge-card>div>p:last-child{color:#576a62;margin:0;font-size:12px;line-height:1.6}.card-icon{background:#ffffff8c;border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:24px;display:grid}.challenge-note{color:#9766001f;font-size:120px;font-weight:900;position:absolute;top:-24px;right:-15px;transform:rotate(-8deg)}.challenge-card>div:nth-child(2){z-index:1;position:relative}.text-link{z-index:1;min-height:44px;color:var(--ink);align-items:center;gap:6px;margin-top:14px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.practice-page{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:calc(110px + env(safe-area-inset-bottom));background:#f6f4ed}.practice-topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#faf8f2e8;grid-template-columns:1fr minmax(120px,340px) 1fr;align-items:center;gap:25px;min-height:70px;padding:0 clamp(18px,4vw,60px);display:grid;position:sticky;top:0}.practice-topbar>:last-child{justify-self:end}.practice-progress{gap:7px;display:flex}.practice-progress span{background:#d9ddd7;border-radius:99px;flex:1;height:4px}.practice-progress span.active{background:var(--forest-2)}.practice-stage{width:min(900px,100% - 40px);margin:0 auto;padding:45px 0}.block-intro{text-align:center}.block-intro h1{letter-spacing:-.055em;margin-bottom:8px;font-size:clamp(30px,5vw,52px);line-height:1.1}[dir=rtl] .block-intro h1{letter-spacing:-.015em;line-height:1.4}.block-intro>p:not(.eyebrow){color:var(--muted)}.reason-disclosure{text-align:start;display:inline-block}.reason-disclosure summary{cursor:pointer;min-height:38px;color:var(--forest-2);align-items:center;gap:5px;padding:0 8px;font-size:13px;font-weight:750;list-style:none;display:inline-flex}.reason-disclosure summary::-webkit-details-marker{display:none}.reason-disclosure[open] summary svg{transform:rotate(90deg)}.reason-disclosure p{max-width:500px;color:var(--muted);background:#e8ede9;border-radius:11px;margin:6px auto 0;padding:11px 15px;font-size:12px;line-height:1.55}.timer{text-align:center;letter-spacing:-.075em;font-variant-numeric:tabular-nums;margin:32px 0 30px;font-size:clamp(65px,12vw,104px);font-weight:620;line-height:1}.practice-controls-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.control-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;min-height:225px;padding:22px}.control-heading{align-items:center;gap:11px;display:flex}.control-icon{width:39px;height:39px;color:var(--forest-2);background:#e6eee9;border-radius:12px;place-items:center;display:grid}.control-heading p,.control-heading span{margin:0}.control-heading p{font-size:13px;font-weight:800}.control-heading div>span{color:var(--muted);font-size:11px}.tempo-control{justify-content:center;align-items:center;gap:25px;margin:25px 0 16px;display:flex}.tempo-control strong{text-align:center;min-width:92px}.tempo-control strong span,.tempo-control strong small{display:block}.tempo-control strong span{font-variant-numeric:tabular-nums;font-size:43px;line-height:1}.tempo-control strong small{color:var(--muted);letter-spacing:.1em;font-size:10px}.sound-toggle{cursor:pointer;background:#edf0ec;border:0;border-radius:99px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin:auto;padding:0 14px;font-size:12px;font-weight:700;display:flex}.sound-toggle.active{background:var(--forest);color:#fff}.rep-counter{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;margin:17px 0 13px;display:flex}.rep-counter strong{font-size:54px;line-height:1}.rep-counter span{color:var(--muted);font-size:16px}.rep-actions{justify-content:center;gap:12px;display:flex}.check-in{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;margin-top:18px;padding:24px;transition:border-color .2s,box-shadow .2s}.check-in.error{border-color:#c66b6b;box-shadow:0 0 0 3px #9f3f3f14}.check-in h2{margin-bottom:3px;font-size:18px}.check-in>div:first-child>p{color:var(--muted);margin-bottom:18px;font-size:12px}.rating-group{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.rating-button{border:1px solid var(--line);cursor:pointer;background:#f7f7f3;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:54px;font-size:13px;font-weight:750;display:flex}.rating-button span{font-size:17px}.rating-button:hover{background:#ecefe9}.rating-button.steady.active{background:#dcece2;border-color:#5c8b71}.rating-button.uneven.active{background:#f8eccb;border-color:#bb8f2e}.rating-button.stuck.active{background:#f3dede;border-color:#b96363}.field-error{color:var(--danger);margin:12px 0 0;font-size:12px;font-weight:650}.note-field{margin-top:18px;position:relative}.note-field label{margin-bottom:7px;font-size:13px;font-weight:750;display:block}.note-field textarea{resize:vertical;border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:14px;padding:14px 16px 28px;line-height:1.5}.note-field textarea:focus{border-color:#6e8d81}.note-field>span{color:var(--muted);font-size:10px;position:absolute;bottom:9px;right:12px}[dir=rtl] .note-field>span{left:12px;right:auto}.feedback-notice{color:#576660;background:#e9ece8;border-radius:13px;gap:10px;margin-top:18px;padding:14px 16px;display:flex}.feedback-notice svg{flex:none;margin-top:2px}.feedback-notice strong{font-size:12px}.feedback-notice p{margin:3px 0 0;font-size:11px;line-height:1.5}.practice-footer{z-index:18;inset-inline:0;min-height:84px;padding:14px 24px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#faf8f2f0;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0}.finish-button{min-width:260px}.mobile-exit{display:none}.pause-overlay{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#112620ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pause-overlay>div{border-radius:var(--radius-lg);background:var(--paper);text-align:center;width:min(410px,100%);padding:40px;box-shadow:0 30px 80px #00000040}.pause-icon{background:var(--forest);width:68px;height:68px;color:var(--lime);border-radius:50%;place-items:center;margin:0 auto 22px;display:grid}.pause-overlay h2{margin-bottom:8px;font-size:25px}.pause-overlay p{color:var(--muted);margin-bottom:24px}.summary-page{text-align:center;width:min(780px,100% - 40px);min-height:100vh;margin:auto;padding:65px 0}.summary-mark{background:var(--lime);width:76px;height:76px;color:var(--forest);border-radius:24px;place-items:center;margin:0 auto 24px;display:grid;transform:rotate(-4deg)}.summary-mark svg{transform:rotate(4deg)}.summary-page h1{letter-spacing:-.06em;margin-bottom:10px;font-size:clamp(34px,6vw,57px);line-height:1.08}[dir=rtl] .summary-page h1{letter-spacing:-.015em;line-height:1.4}.summary-intro{color:var(--muted)}.summary-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:35px 0 20px;display:grid}.summary-stats div{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:20px 10px}.summary-stats strong,.summary-stats span{display:block}.summary-stats strong{font-size:28px}.summary-stats span{color:var(--muted);font-size:11px}.next-focus-card{border-radius:var(--radius-lg);color:#fff;text-align:start;background:#183f36;padding:29px}.next-focus-heading{align-items:center;gap:10px;display:flex}.next-focus-heading span{width:38px;height:38px;color:var(--lime);background:#ffffff1a;border-radius:12px;place-items:center;display:grid}.next-focus-heading p{color:#bbd1c9;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:11px;font-weight:750}.next-focus-card h2{margin:19px 0 10px;font-size:26px}.tempo-recommendation{background:var(--lime);color:var(--ink);border-radius:99px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.reason-row{border-top:1px solid #ffffff1f;align-items:flex-start;gap:10px;margin-top:23px;padding-top:19px;display:flex}.reason-row svg{color:#aecbc1;flex:none}.reason-row strong{font-size:12px}.reason-row p{color:#aec3bc;margin:3px 0 0;font-size:11px;line-height:1.55}.summary-actions{justify-content:center;gap:10px;margin-top:22px;display:flex}.simple-header{margin-bottom:35px}.simple-header h1{margin-bottom:8px}.narrow-page{max-width:900px;margin:auto}.repertoire-feature{border-radius:var(--radius-lg);background:var(--forest);color:#fff;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:28px;padding:27px;display:grid}.album-art{height:150px;color:var(--forest);background:linear-gradient(150deg,#d9f45e,#8cbd99);border-radius:18px;place-items:center;display:grid;position:relative;overflow:hidden}.album-art span{font-size:65px}.album-art i{border:1px solid #183f3640;border-radius:50%;width:160px;height:28px;position:absolute;transform:rotate(-15deg)}.piece-info h2{margin:12px 0 2px;font-size:31px}.piece-info>p{color:#bcd0c9}.piece-meta{color:#cee0da;gap:18px;font-size:12px;display:flex}.piece-meta span{align-items:center;gap:6px;display:flex}.section-list{margin-top:22px;padding:25px}.library-row{border-top:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) auto 22px;align-items:center;gap:14px;min-height:75px;display:grid}.row-index{color:#9aa39e;font-size:11px;font-weight:700}.library-row strong{font-size:14px}.library-row p{color:var(--muted);margin:3px 0 0;font-size:11px}.status-badge.warm{color:#735810;background:#f4e7bd}.challenge-stage{border-radius:var(--radius-lg);background:var(--forest);color:#fff;text-align:center;padding:clamp(28px,6vw,60px);position:relative;overflow:hidden}.challenge-stage h2{letter-spacing:-.04em;max-width:620px;margin:12px auto 28px;font-size:clamp(26px,4vw,39px);line-height:1.25}.challenge-number{color:#a9c2b9;letter-spacing:.12em;font-size:11px;font-weight:750}.challenge-visual{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:22px;justify-content:center;align-items:center;gap:42px;width:min(440px,100%);min-height:135px;margin:0 auto 28px;display:flex}.challenge-visual span,.challenge-visual strong{width:70px;height:70px;color:var(--forest);background:#fff;border-radius:50%;place-items:center;font-size:27px;display:grid}.challenge-visual strong{background:var(--lime)}.challenge-visual i{color:#9eb7ae;font-size:25px}.answer-card{max-width:570px;color:var(--ink);text-align:start;background:#fff;border-radius:16px;align-items:center;gap:18px;margin:auto;padding:18px;display:flex}.answer-card h3{margin:0 0 5px;font-size:16px}.answer-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.answer-card.correct{border:1px solid #acd2b8}.answer-card.incorrect{border:1px solid #edc6b6}.answer-card .text-link{cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0}.answer-note{background:var(--yellow);border-radius:14px;flex:none;place-items:center;width:66px;height:66px;font-size:25px;font-weight:800;display:grid}.challenge-answer-form{text-align:start;max-width:570px;margin:0 auto 16px}.challenge-answer-form>label{color:#cee0da;margin-bottom:7px;font-size:12px;font-weight:750;display:block}.challenge-answer-form>div{gap:8px;display:flex}.challenge-answer-form input{color:#fff;background:#ffffff14;border:1px solid #ffffff38;border-radius:12px;flex:1;min-width:0;min-height:47px;padding:0 13px}.challenge-answer-form input::placeholder{color:#a3bbb1}.challenge-answer-form input[aria-invalid=true]{border-color:#f5b9ac}.challenge-answer-form>p{color:#a8beb5;margin:7px 0 0;font-size:10px}.challenge-answer-form .challenge-error{color:#ffcec5;font-size:11px;font-weight:700}.hint-button{color:#d7f15f;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:99px;align-items:center;gap:6px;min-height:39px;margin:2px 0 18px;padding:0 12px;font-size:12px;font-weight:750;display:inline-flex}.hint-button:hover{background:#ffffff14}.hint-card{color:#e8f7b5;text-align:start;background:#daf45e17;border:1px solid #daf45e3b;border-radius:12px;align-items:flex-start;gap:9px;max-width:570px;margin:2px auto 18px;padding:13px;display:flex}.hint-card svg{flex:none;margin-top:2px}.hint-card strong{font-size:11px}.hint-card p{color:#c7d9aa;margin:3px 0 0;font-size:11px;line-height:1.5}.challenge-result{text-align:start;max-width:570px;margin:22px auto 0}.challenge-result>p{color:#acc0b9;align-items:flex-start;gap:6px;margin:0;font-size:11px;line-height:1.5;display:flex}.challenge-result>p svg{flex:none;margin-top:1px}.challenge-rationale{border-top:1px solid #ffffff1f;gap:3px;margin-top:16px;padding-top:15px;display:grid}.challenge-rationale strong{color:#dcebe6;font-size:11px}.challenge-rationale span{color:#9fb8ae;font-size:11px;line-height:1.5}.challenge-result>div{justify-content:center;gap:8px;display:flex}.result-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:99px;align-items:center;gap:6px;min-height:42px;padding:0 15px;font-size:12px;display:flex}.result-button.active{border-color:var(--lime);background:var(--lime);color:var(--ink)}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px;display:grid}.metric-card{border-radius:var(--radius-md);min-height:188px;padding:23px}.metric-card.green{background:#d7e9de}.metric-card.yellow{background:#f3e2af}.metric-card.purple{background:#ded8ed}.metric-card>span{background:#ffffff8c;border-radius:11px;place-items:center;width:37px;height:37px;margin-bottom:25px;display:grid}.metric-card p{color:#495d53;margin-bottom:7px;font-size:12px}.metric-card strong,.metric-card small{display:block}.metric-card strong{letter-spacing:-.04em;font-size:27px}.metric-card small{color:#495d53;margin-top:5px}.chart-panel,.signal-list{padding:27px}.chart-panel{margin-bottom:22px}.tempo-chart{height:260px;padding:6px 5px 25px 38px;position:relative}.tempo-chart:before,.tempo-chart:after{content:"";background:#e1e3de;height:1px;position:absolute;left:38px;right:5px}.tempo-chart:before{top:38%}.tempo-chart:after{top:71%}.tempo-chart svg{width:100%;height:220px;overflow:visible}.chart-area{fill:url(#area)}.chart-line{fill:none;stroke:#37745f;stroke-width:4px;stroke-linecap:round}.tempo-chart circle{fill:var(--paper);stroke:#37745f;stroke-width:4px}.axis{color:var(--muted);font-size:10px;position:absolute;left:0}.axis.top{top:5px}.axis.mid{top:36%}.axis.bottom{top:69%}.chart-labels{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.signal-row{border-top:1px solid var(--line);grid-template-columns:12px minmax(0,1fr) 140px;align-items:center;gap:13px;min-height:78px;display:grid}.trend-dot{background:#c18b42;border-radius:50%;width:9px;height:9px}.trend-dot.improving{background:#57906b}.trend-dot.needsAttention{background:#ae5d5d}.signal-row strong{font-size:13px}.signal-row p{color:var(--muted);margin:4px 0 0;font-size:11px}.severity-bar{background:#e1e4df;border-radius:99px;height:6px;overflow:hidden}.severity-bar span{border-radius:inherit;background:var(--forest-2);height:100%;display:block}.settings-section{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:15px;padding:24px;display:grid}.settings-heading{align-items:flex-start;gap:12px;display:flex}.settings-heading>span{background:#e5ebe7;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.settings-heading h2{margin-bottom:4px;font-size:16px}.settings-heading p{max-width:560px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.language-switch{background:#e7e8e1;border-radius:12px;padding:4px;display:flex}.language-switch button{cursor:pointer;background:0 0;border:0;border-radius:9px;min-width:82px;min-height:38px;padding:0 12px;font-size:12px;font-weight:700}.language-switch button.active{background:#fff;box-shadow:0 3px 10px #00000014}.empty-page{text-align:center;align-content:center;place-items:center;gap:15px;min-height:60vh;display:grid}.empty-page h1{margin:0}.repertoire-header{align-items:center}.repertoire-list{gap:18px;display:grid}.repertoire-editor{margin-bottom:18px;padding:26px}.editor-heading{align-items:center;gap:12px;margin-bottom:23px;display:flex}.editor-heading>span{width:42px;height:42px;color:var(--forest);background:#d9e9de;border-radius:13px;place-items:center;display:grid}.editor-heading .eyebrow{margin-bottom:2px}.editor-heading h2{margin:0;font-size:20px}.repertoire-form{grid-template-columns:1fr 1fr;gap:17px;display:grid}.form-field{min-width:0}.form-field-wide{grid-column:1/-1}.form-field label,.tag-field legend{margin-bottom:7px;font-size:12px;font-weight:800;display:block}.form-field input,.form-field textarea,.form-field select{width:100%;color:var(--ink);background:#fff;border:1px solid #d4dad4;border-radius:11px}.form-field input,.form-field select{min-height:46px;padding:0 12px}.form-field textarea{resize:vertical;min-height:88px;padding:12px;line-height:1.5}.form-field input[aria-invalid=true],.form-field textarea[aria-invalid=true]{border-color:#ad5353;box-shadow:0 0 0 3px #9f3f3f14}.field-hint{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.4;display:block}.form-error{color:var(--danger);margin:6px 0 0;font-size:11px;font-weight:700}.tempo-input{position:relative}.tempo-input input{font-variant-numeric:tabular-nums;padding-inline-end:48px}.tempo-input span{top:50%;color:var(--muted);pointer-events:none;font-size:11px;position:absolute;inset-inline-end:12px;transform:translateY(-50%)}.tag-field{border:0;margin:0;padding:0}.tag-field>div{flex-wrap:wrap;gap:8px;display:flex}.tag-option{cursor:pointer;background:#fff;border:1px solid #d5dbd5;border-radius:99px;align-items:center;min-height:36px;padding:0 11px;font-size:11px;font-weight:700;display:inline-flex}.tag-option:hover{background:#edf1ed}.tag-option.selected{color:#264e40;background:#dcebe1;border-color:#4c836e}.tag-option input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.editor-actions{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.small-check{font-size:17px}.save-status{color:#285a3c;background:#e4f0e7;border:1px solid #c9ddcf;border-radius:11px;align-items:center;gap:8px;width:fit-content;margin:0 0 18px;padding:10px 13px;font-size:12px;font-weight:700;display:flex}.save-status span{color:#fff;background:#51906a;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.delete-confirmation{color:#582d2d;background:#fff4f3;border:1px solid #e4b8b8;border-radius:17px;gap:13px;margin-bottom:18px;padding:18px;display:flex}.delete-confirmation>svg{color:#a24545;flex:none;margin-top:2px}.delete-confirmation h3{margin:0 0 5px;font-size:15px}.delete-confirmation p{color:#745151;max-width:760px;margin:0;font-size:12px;line-height:1.55}.delete-confirmation div>div{gap:8px;margin-top:15px;display:flex}.repertoire-empty{text-align:center;align-content:center;place-items:center;min-height:310px;padding:35px;display:grid}.repertoire-empty>span{width:64px;height:64px;color:var(--forest);background:#d9e9de;border-radius:20px;place-items:center;margin-bottom:18px;display:grid}.repertoire-empty h2{margin-bottom:8px;font-size:24px}.repertoire-empty p{max-width:430px;color:var(--muted);margin-bottom:20px;line-height:1.6}.repertoire-piece{overflow:hidden}.piece-header{color:#fff;background:linear-gradient(110deg,#183f36 0%,#285d4d 100%);grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:15px;padding:25px;display:grid}.piece-mark{background:var(--lime);width:54px;height:54px;color:var(--forest);border-radius:17px;place-items:center;font-size:31px;display:grid;transform:rotate(-4deg)}.piece-summary h2{letter-spacing:-.04em;margin:0 0 3px;font-size:25px}.piece-summary>p{color:#c3d8d0;margin:0;font-size:13px}.piece-summary>div{color:#b5ccc3;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:11px;display:flex}.piece-summary>div span{align-items:center;gap:5px;display:inline-flex}.piece-actions{align-items:center;gap:5px;display:flex}.compact-button,.icon-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:39px;font-size:11px;font-weight:750;display:inline-flex}.compact-button{padding:0 11px}.compact-button:hover,.icon-button:hover{background:#ffffff1f}.compact-button.destructive{color:#ffd2d2}.icon-button{width:39px;color:var(--forest);background:#fff;border-color:#d7ded8}.icon-button.destructive{color:#9b4747}.icon-button.destructive:hover{background:#fff0ef}.passages-heading{justify-content:space-between;align-items:flex-end;gap:18px;padding:24px 25px 16px;display:flex}.passages-heading .eyebrow{margin-bottom:4px}.passages-heading h3{margin:0;font-size:17px}.passage-empty{text-align:center;border:1px dashed #cbd4cc;border-radius:14px;margin:0 25px 25px;padding:22px}.passage-empty p{color:var(--muted);margin:0;font-size:12px}.passage-list{padding:0 25px}.passage-row{border-top:1px solid var(--line);grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:125px;display:grid}.passage-index{color:#9ba8a0;font-size:11px;font-weight:800}.passage-title-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.passage-title-line h3{margin:0;font-size:14px}.status-needsFocus{color:#8a3f3f;background:#f6dddd}.status-ready{color:#296544;background:#d9eede}.status-new{color:#606861;background:#e8e8e2}.passage-tempo{color:#4e635b;font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin:5px 0 0;font-size:12px;font-weight:700;display:flex}.passage-tags{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.passage-tags span{color:#68766f;background:#edf0eb;border-radius:6px;align-items:center;gap:3px;padding:4px 6px;font-size:9px;font-weight:700;display:inline-flex}.passage-note{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.45}.passage-actions{align-items:center;gap:7px;display:flex}.passage-actions .button{min-height:39px;font-size:11px}.theory-page{max-width:1180px;margin-inline:auto}.theory-page .simple-header{margin-bottom:22px}.simple-header h1{line-height:1.08}.theory-progress-strip{border:1px solid var(--line);background:var(--paper);border-radius:15px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 18px;display:flex}.theory-progress-strip>div{align-items:center;gap:12px;min-width:0;display:flex}.theory-progress-mark{color:#6c5314;background:#f3e2af;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.theory-progress-strip strong,.theory-progress-strip>div>div>span{display:block}.theory-progress-strip strong{font-size:14px}.theory-progress-strip>div>div>span{color:var(--muted);margin-top:3px;font-size:12px}.theory-xp{color:#654e0d;font-variant-numeric:tabular-nums;background:#f7edc9;border-radius:10px;flex:none;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex}.theory-layout{grid-template-columns:minmax(250px,.72fr) minmax(0,1.55fr);align-items:start;gap:20px;display:grid}.theory-path{padding:20px 16px}.theory-path h2{margin:0 0 12px;font-size:17px;line-height:1.2}.theory-path ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.theory-unit{text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:68px;padding:9px 8px;transition:background-color .18s,border-color .18s,transform .18s;display:grid}.theory-unit:hover:not(:disabled){background:#f1f1e9;transform:translateY(-1px)}.theory-unit.selected{background:#eef3ee;border-color:#c9d9ce}.theory-unit.complete .theory-unit-number{color:#4c3c0c;background:#e6d99b}.theory-unit-number{width:32px;height:32px;color:var(--ink);background:#ecece4;border-radius:10px;place-items:center;font-size:13px;font-weight:800;display:grid}.theory-unit-copy{min-width:0}.theory-unit-copy strong,.theory-unit-copy small{display:block}.theory-unit-copy strong{font-size:13px;line-height:1.3}.theory-unit-copy small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.35}.theory-unit-score{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:800}.theory-lesson{min-width:0}.theory-question{padding:clamp(22px,4vw,38px)}.theory-question>.eyebrow{margin-bottom:7px}.theory-question h2{margin:0 0 8px;font-size:clamp(23px,3vw,32px);line-height:1.15}[dir=rtl] .theory-question h2,[dir=rtl] .theory-gate h2{line-height:1.25}.theory-lesson-intro{max-width:65ch;color:var(--muted);margin:0 0 24px;line-height:1.55}.theory-question-count{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:750;display:flex}.theory-question-track{background:#e9e9e1;border-radius:5px;height:5px;margin-bottom:25px;overflow:hidden}.theory-question-track span{border-radius:inherit;background:#9a7b2b;height:100%;transition:width .36s cubic-bezier(.2,.8,.2,1);display:block}.theory-question h3{max-width:650px;margin:0 0 22px;font-size:clamp(20px,2.4vw,27px);line-height:1.3}.theory-answer-form{max-width:620px}.theory-answer-form>label{margin-bottom:7px;font-size:12px;font-weight:750;display:block}.theory-answer-form>div{gap:9px;display:flex}.theory-answer-form input{border:1px solid var(--line);background:var(--canvas);width:100%;min-width:0;min-height:48px;color:var(--ink);border-radius:11px;padding-inline:13px}.theory-answer-form input[aria-invalid=true]{border-color:var(--danger)}.theory-answer-form>p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.5}.theory-feedback{border-radius:13px;align-items:flex-start;gap:12px;max-width:690px;padding:15px;display:flex}.theory-feedback>span{color:#28613d;background:#dcebdc;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.theory-feedback.correct{color:#213f2d;background:#edf4e7}.theory-feedback.incorrect{color:#58392d;background:#fbefe9}.theory-feedback.incorrect>span{color:#844d35;background:#f2ddd2}.theory-feedback strong{margin:2px 0 4px;font-size:14px;display:block}.theory-feedback p{color:inherit;margin:0;font-size:12px;line-height:1.55}.theory-next{margin-top:16px}.theory-hint{color:#6b5519;border-color:#d7cfaf;margin-top:12px}.theory-hint:hover{background:#f6f0dd}.theory-question .hint-card{color:#53451c;background:#fbf5df;border-color:#e1d29a;max-width:680px;margin:14px 0 0}.theory-question .hint-card p{color:#66572a}.theory-gate{align-content:center;justify-items:start;gap:10px;min-height:280px;padding:clamp(24px,4vw,40px);display:grid}.theory-gate>span{color:#6c5314;background:#f3e2af;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:5px;display:grid}.theory-gate .eyebrow{margin:0}.theory-gate h2{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.15}.theory-gate>p:not(.eyebrow){max-width:60ch;color:var(--muted);margin:0;line-height:1.65}.theory-gate .button{margin-top:8px}.theory-signin-link{min-height:42px;color:var(--ink);text-underline-offset:3px;align-items:center;font-weight:650;display:inline-flex}.theory-gate .theory-gate-footnote{margin-top:10px;font-size:12px}.theory-honesty{color:var(--muted);align-items:flex-start;gap:8px;margin:17px 0 0;font-size:11px;line-height:1.55;display:flex}.theory-honesty svg{flex:none;margin-top:1px}.theory-feedback.correct>span{animation:.42s cubic-bezier(.2,.8,.2,1) both badge-pop}@keyframes badge-pop{0%{transform:scale(.75)}58%{transform:scale(1.12)}to{transform:scale(1)}}.piece-form-note{color:var(--muted);margin:-4px 0 4px;font-size:12px;line-height:1.5}.whole-piece-row{min-height:92px}.piece-header{background:var(--forest)}.piece-actions .compact-button{background:#ffffff1a;min-width:40px;min-height:40px}.practice-exit-button,.practice-pause-button{background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;border:1px solid #d7dad2;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:13px;font-weight:750;transition:background .16s,transform .16s,border-color .16s;display:inline-flex}.practice-exit-button:hover,.practice-pause-button:hover{background:#fff;border-color:#b9c3b9}.practice-exit-button:active,.practice-pause-button:active{transform:scale(.97)}.practice-progress span{height:6px;transition:background-color .2s,transform .2s}.practice-progress span.active{transform:scaleY(1.35)}.achievement-shelf{margin-top:20px;padding:24px}.achievement-shelf .section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.achievement-shelf .section-heading h2{margin:0;font-size:21px;line-height:1.2}.achievement-shelf .section-heading>svg{color:#92762b}.achievement-intro{color:var(--muted);margin:8px 0 4px;font-size:12px;line-height:1.55}.achievement-shelf ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:8px 0 0;padding:0;list-style:none;display:grid}.achievement-shelf li{border-top:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:14px 0;display:grid}.achievement-icon{color:#7a7153;background:#eeece2;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.achievement-earned .achievement-icon{color:#644f18;background:#f3e2af}.achievement-copy{min-width:0}.achievement-copy strong{font-size:12px;line-height:1.35;display:block}.achievement-copy>span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.achievement-track{background:#e6e7df;border-radius:4px;height:4px;margin-top:7px;overflow:hidden}.achievement-track i{border-radius:inherit;background:#a28432;height:100%;transition:width .38s cubic-bezier(.2,.8,.2,1);display:block}.achievement-check{color:#587b54}[dir=rtl] .achievement-shelf .section-heading h2{line-height:1.3}:root[data-theme=dark] .achievement-icon{color:#c2c7ae;background:#2b3932}:root[data-theme=dark] .achievement-earned .achievement-icon{color:#f7e9b3;background:#554a29}:root[data-theme=dark] .achievement-track{background:#39463f}[dir=rtl] :is(h1,h2,h3){line-height:1.28}[dir=rtl] .simple-header h1{line-height:1.2}[dir=rtl] .theory-question h3{line-height:1.35}:root[data-theme=dark] .theory-path,:root[data-theme=dark] .theory-question,:root[data-theme=dark] .theory-gate,:root[data-theme=dark] .theory-progress-strip{background:var(--paper);color:var(--ink)}:root[data-theme=dark] .theory-unit:hover:not(:disabled){background:#293f38}:root[data-theme=dark] .theory-unit.selected{background:#29463c;border-color:#547163}:root[data-theme=dark] .theory-unit-number{color:var(--ink);background:#344a40}:root[data-theme=dark] .theory-unit.complete .theory-unit-number{color:#fff4c5;background:#685b32}:root[data-theme=dark] .theory-question-track{background:#384b44}:root[data-theme=dark] .theory-feedback.correct{color:#e4f2e5;background:#20382c}:root[data-theme=dark] .theory-feedback.incorrect{color:#f8e4dc;background:#49342d}:root[data-theme=dark] .theory-feedback>span{color:#dcf4dc;background:#345941}:root[data-theme=dark] .theory-feedback.incorrect>span{color:#ffe2d4;background:#644333}:root[data-theme=dark] .theory-question .hint-card{color:#f2e4b2;background:#3d3928}:root[data-theme=dark] .theory-question .hint-card p{color:#d6ca9e}:root[data-theme=dark] .practice-exit-button,:root[data-theme=dark] .practice-pause-button{background:var(--paper);color:var(--ink);border-color:var(--line)}:root[data-theme=dark] .piece-actions .compact-button{background:#ffffff1a}@media (width<=760px){.main-content:has(.repertoire-page){padding-inline:12px}.theory-layout{grid-template-columns:1fr;gap:14px}.theory-lesson{order:-1}.theory-path{order:1;padding:17px 12px}.theory-path ol{grid-template-columns:repeat(2,minmax(0,1fr))}.theory-unit{grid-template-columns:30px minmax(0,1fr);min-height:72px}.theory-unit-score{grid-column:2;margin-top:-7px}.theory-unit-number{width:28px;height:28px}.theory-progress-strip{align-items:flex-start;padding:12px}.theory-progress-strip>div>div>span{max-width:230px;line-height:1.4}.theory-xp{padding:8px;font-size:10px}.theory-answer-form>div{display:grid}.theory-answer-form .button{width:100%}.repertoire-header{align-items:center;gap:12px;display:flex}.repertoire-header>div{flex:auto;min-width:0}.repertoire-header .button{flex:none;min-height:42px;padding-inline:12px;font-size:12px}.piece-header{grid-template-columns:42px minmax(0,1fr)}.piece-actions{grid-column:1/-1;justify-content:flex-end}.practice-topbar{grid-template-columns:auto minmax(35px,1fr) auto;gap:7px}.practice-exit-button,.practice-pause-button{white-space:nowrap;gap:5px;min-height:40px;padding-inline:9px;font-size:11px}.achievement-shelf{padding:18px 14px}.achievement-shelf ul{grid-template-columns:1fr}}@media (width<=1050px){.sidebar{width:210px;padding-inline:15px}.content-frame{width:calc(100% - 210px);margin-inline-start:210px}.brand{margin-bottom:32px}.dashboard-grid{grid-template-columns:1fr}.dashboard-rail{grid-template-columns:1fr 1fr}.weekly-card{grid-column:1/-1}.repertoire-feature{grid-template-columns:120px 1fr}.repertoire-feature .button{grid-column:1/-1}}@media (width<=760px){.sidebar{display:none}.content-frame{width:100%;margin:0}.main-content{padding:24px 16px calc(92px + env(safe-area-inset-bottom))}.bottom-nav{z-index:30;inset-inline:0;min-height:68px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#faf8f2f2;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0}.bottom-link{color:#52675d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:56px;min-height:52px;font-size:11px;font-weight:700;display:flex}.bottom-link.active{background:var(--lime);color:#17352f;font-weight:800;box-shadow:inset 0 0 0 1px #17352f33}.page-header{margin-bottom:22px;display:block}.dashboard-header{padding-inline:3px}.page-header h1{font-size:35px}.xp-pill{width:fit-content;margin-top:15px}.session-hero{grid-template-columns:1fr;min-height:505px}.hero-copy{padding:29px 25px}.hero-copy h2{font-size:34px}.hero-art{min-height:190px}.session-disc{border-width:8px;width:130px;height:130px;top:13px;right:24%}.session-disc span{font-size:54px}.session-disc small{bottom:20px}.orbit-one{width:260px;height:145px;top:9px;right:10%}.orbit-two{width:170px;height:100px;top:37px;right:23%}.piano-keys span{width:32px;height:82px}.piano-keys span.black-key:after{width:20px;height:51px;right:-11px}.dashboard-rail{grid-template-columns:1fr}.weekly-card{grid-column:auto}.plan-panel{padding:20px 16px}.section-heading{align-items:flex-end}.path-item{grid-template-columns:39px minmax(0,1fr) auto 32px;gap:10px}.path-actions{grid-area:2/2/auto/4;justify-self:start;margin-top:-7px}.path-time{display:none}.path-icon{width:39px;height:39px}.path-item:not(:last-child):after{left:19px}[dir=rtl] .path-item:not(:last-child):after{left:auto;right:19px}.why-details p{width:min(240px,70vw)}.practice-topbar{grid-template-columns:auto minmax(40px,1fr) auto;gap:8px;min-height:62px;padding:0 12px}.practice-topbar .icon-text-button{white-space:nowrap;gap:6px;width:auto}.practice-topbar .icon-text-button svg{flex-shrink:0}.practice-topbar>:last-child{justify-content:flex-start}.practice-stage{width:calc(100% - 28px);padding:30px 0}.block-intro h1{font-size:34px}.timer{margin:26px 0;font-size:67px}.practice-controls-grid{grid-template-columns:1fr}.control-card{min-height:auto}.rating-group{gap:6px}.rating-button{flex-direction:column;gap:2px;min-height:58px;font-size:11px}.practice-footer{grid-template-columns:1fr;gap:5px;padding-inline:14px;display:grid}.finish-button{width:100%;min-width:0}.mobile-exit{display:none}.pause-overlay>div{padding:32px 23px}.summary-page{padding:38px 0 55px}.summary-stats{gap:7px}.summary-stats div{padding:16px 4px}.summary-stats strong{font-size:23px}.next-focus-card{padding:23px}.summary-actions{flex-direction:column}.summary-actions .button{width:100%}.repertoire-feature{grid-template-columns:85px 1fr;gap:16px;padding:19px}.album-art{height:96px}.album-art span{font-size:42px}.piece-info h2{font-size:24px}.piece-meta{gap:5px;display:grid}.section-list,.chart-panel,.signal-list{padding:19px 15px}.library-row{grid-template-columns:28px minmax(0,1fr) 20px}.library-row .status-badge{display:none}.challenge-stage{padding:28px 17px}.challenge-visual{gap:20px;min-height:110px}.challenge-visual span,.challenge-visual strong{width:61px;height:61px}.challenge-answer-form>div{display:grid}.challenge-answer-form .button{width:100%}.answer-card{text-align:center;display:block}.answer-note{margin:0 auto 12px}.challenge-result>div{flex-wrap:wrap}.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:145px}.metric-card>span{margin-bottom:16px}.tempo-chart{height:215px}.tempo-chart svg{height:175px}.chart-labels span:nth-child(2){display:none}.signal-row{grid-template-columns:11px minmax(0,1fr);padding:12px 0}.severity-bar{grid-column:2;width:100%}.settings-section{grid-template-columns:1fr}.language-switch{width:100%}.language-switch button{flex:1}.repertoire-header{align-items:flex-start;display:flex}.repertoire-header .button{white-space:nowrap;margin-top:2px}.repertoire-editor{padding:19px 15px}.repertoire-form{grid-template-columns:1fr}.form-field-wide{grid-column:auto}.editor-actions{flex-direction:column-reverse;grid-column:auto}.editor-actions .button{width:100%}.piece-header{grid-template-columns:47px minmax(0,1fr);padding:19px 15px}.piece-mark{width:47px;height:47px;font-size:27px}.piece-summary h2{font-size:20px}.piece-actions{grid-column:1/-1}.compact-button{flex:1}.passages-heading{padding:18px 15px 12px}.passage-list{padding:0 15px}.passage-row{grid-template-columns:25px minmax(0,1fr);padding:16px 0}.passage-actions{flex-wrap:wrap;grid-column:2}.passage-actions .button{flex:1}.passage-empty{margin:0 15px 15px}.delete-confirmation{padding:15px}.delete-confirmation div>div{flex-direction:column-reverse}.delete-confirmation .button{width:100%}}@media (width<=390px){.hero-copy h2{font-size:30px}.session-disc{right:21%}.path-copy strong{font-size:13px}.weekly-card{padding:18px}.progress-ring{width:82px;height:82px}.progress-ring:before{width:64px;height:64px}.tempo-control{gap:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.nav-link.active,.button-primary,.button-accent,.status-badge,.rating-button.active{border:2px solid buttontext}.pulse-dot,.status-dot,.trend-dot{forced-color-adjust:none}}.course-page .simple-header{align-items:flex-start;gap:16px}.course-sound{flex-shrink:0}.course-garden-bar{align-items:center;gap:18px;padding:18px 24px;display:flex;position:relative;overflow:hidden}.music-garden{width:76px;height:76px;color:var(--ink);transform-origin:50% 90%;flex-shrink:0}.music-garden.celebrating{animation:.65s cubic-bezier(.16,1,.3,1) garden-wiggle}@keyframes garden-wiggle{0%,to{transform:rotate(0)}30%{transform:rotate(-9deg)}65%{transform:rotate(7deg)}}.course-rewards{flex:1;gap:6px;display:grid}.course-rewards strong,.course-rewards span{align-items:center;gap:8px;display:flex}.course-rewards small{color:var(--muted);font-size:12px}.course-xp-pop{inset-inline-end:24px;color:#17352f;background:#daf45e;border-radius:12px;padding:6px 12px;font-weight:800;animation:1.8s both course-reward-pop;position:absolute;top:12px}@keyframes course-reward-pop{0%{opacity:0;transform:translateY(10px)scale(.9)}15%,75%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)}}.course-tabs{flex-wrap:wrap;gap:8px;margin-block:22px;display:flex}.course-tabs button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:12px 16px;font-weight:650;display:flex}.course-tabs button.active{background:var(--forest);color:#fff;border-color:var(--forest)}.course-path details{border-block-start:1px solid var(--line);padding-block:12px}.course-path summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:40px;font-size:13px;font-weight:700;line-height:1.6;list-style:none;display:flex}.course-path details[open] summary svg{transform:rotate(180deg)}.course-path ol{margin-top:10px}.course-path .theory-unit{padding:12px 9px}.course-path .theory-unit-copy small{font-size:11px}.course-lesson{align-self:start;min-width:0;padding:30px;scroll-margin-top:20px}.course-lesson h2{margin-block:8px;font-size:26px;line-height:1.4}.course-goal{color:var(--muted);line-height:1.8}.course-check-counter{color:var(--muted);justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:8px;font-size:12px;display:flex}.course-study{margin-top:26px}.course-study h3,.course-quiz h3{margin-block:22px 10px;font-size:18px;line-height:1.6}.course-study p,.course-practice p,.course-finish p{color:var(--ink);font-size:15px;line-height:1.9}.course-score{color:#17352f;background:#faf8f2;border:1px solid #dcded5;border-radius:14px;margin:12px 0;padding:10px 12px}.course-score svg{max-height:185px;display:block;width:100%!important;height:auto!important}.course-score figcaption{text-align:start;padding:0 10px 12px;font-size:13px;line-height:1.9}.course-practice{background:var(--canvas);border:1px solid var(--line);border-radius:14px;margin-top:22px;padding:16px 20px}.course-practice h3{margin-top:0}.course-start{margin-top:22px}.course-lesson .hint-button{color:var(--forest)}.course-lock-note{color:var(--muted);align-items:flex-start;gap:10px;margin-top:22px;display:flex}.course-lock-note svg{flex-shrink:0;margin-top:5px}.course-options{gap:10px;margin-block:20px;display:grid}.course-options button{border:1px solid var(--line);min-height:56px;color:var(--ink);text-align:start;cursor:pointer;background:0 0;border-radius:13px;align-items:center;gap:12px;padding:15px 16px;font-size:15px;line-height:1.7;transition:transform .12s,background .15s,border-color .15s;display:flex}.course-options button>span{border:1px solid var(--line);border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.course-options button:hover:not(:disabled){background:var(--canvas);border-color:var(--forest)}.course-options button:active:not(:disabled),.course-set:active{transform:scale(.98)}.course-options button:disabled{cursor:default;opacity:1}.course-options button.answer-correct{background:var(--mint);border-color:var(--forest)}.course-options button:focus-visible,.course-tabs button:focus-visible,.course-set:focus-visible,.course-path button:focus-visible{outline:3px solid var(--forest);outline-offset:3px}.course-registration{background:var(--canvas);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:22px;padding:20px;line-height:1.9;display:flex}.course-registration p{flex-basis:100%;margin:0}.course-registration a:last-child{padding:10px}.course-finish{text-align:center;justify-items:center;gap:16px;padding-block:32px 12px;display:grid}.course-badge{color:#17352f;background:#daf45e;border-radius:26px;place-items:center;width:82px;height:82px;animation:.65s garden-wiggle;display:grid}.course-finish h3{font-size:25px}.course-finish p{margin:0}.course-set-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.course-set{text-align:start;cursor:pointer;color:var(--ink);padding:24px;transition:transform .14s,border-color .14s}.course-set:hover{border-color:var(--forest)}.course-set h2{margin-block:10px;font-size:21px}.course-set p{color:var(--muted);min-height:52px;font-size:14px;line-height:1.8}.course-set>span:last-of-type{align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.course-set-layout{max-width:780px;margin-inline:auto;display:block}.course-section-intro{color:var(--muted);margin-bottom:22px;line-height:1.8}.course-problem-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.course-problem-list button{text-align:start;width:100%;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:12px;grid-template-columns:24px 1fr;gap:8px;padding:14px;font-size:14px;line-height:1.8;display:grid}.course-problem-list small{color:var(--muted);grid-column:2;font-size:11px}.course-problem-list button:hover:not(:disabled){background:var(--canvas)}.course-local-reward{color:#17352f;background:#daf45e;border-radius:8px;margin-top:10px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-block}.course-quiz .theory-feedback.correct{animation:.26s cubic-bezier(.16,1,.3,1) course-answer-arrive}@keyframes course-answer-arrive{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.course-quiz .theory-feedback.correct{animation:none}}@media (width<=760px){.course-page .simple-header{flex-direction:column}.course-garden-bar{gap:12px;padding:14px}.music-garden{width:56px;height:66px}.course-rewards{font-size:12px}.course-rewards small{display:none}.course-garden-bar .theory-xp{font-size:12px}.course-lesson{padding:20px}.course-path ol{display:block!important}.course-path{width:100%}.course-set-grid{grid-template-columns:1fr}.course-lesson h2{font-size:23px}.course-study p{font-size:15px}.course-tabs button{padding:10px 12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.music-garden.celebrating,.course-xp-pop,.course-badge{animation:none}.course-options button,.course-set{transition:none}.course-options button:active:not(:disabled),.course-set:active{transform:none}}.piece-header{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);padding:18px}.piece-summary>p,.piece-summary>div{color:var(--muted)}.piece-actions .compact-button{color:var(--ink);border-color:var(--line);background:var(--canvas)}.piece-actions .compact-button.destructive{color:#9b4747}.piece-actions .compact-button:hover{background:var(--paper)}.session-hero{background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:none}.session-hero p,.session-hero .eyebrow,.session-hero .session-meta{color:var(--muted)}html[lang=fa] h1,html[lang=fa] h2,html[lang=fa] h3{line-height:1.28}.practice-listening{border:1px solid var(--line);background:var(--paper);text-align:start;border-radius:18px;width:min(100%,560px);margin:0 auto 20px;padding:18px}.practice-listening h2{margin-bottom:8px;font-size:18px}.practice-listening p{margin:8px 0;font-size:13px;line-height:1.6}.practice-listening button{border:1px solid var(--line)}.practice-listening button:active,.button:active{transform:scale(.97)}@media (width<=600px){.repertoire-page{padding-inline:16px}.piece-header{grid-template-columns:40px minmax(0,1fr);gap:10px}.piece-mark{width:40px;height:40px;font-size:24px}.piece-actions{flex-wrap:wrap;grid-column:1/-1}.passage-row{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.practice-listening button:active,.button:active{transform:none}}.practice-controls-grid:has(>:only-child){grid-template-columns:minmax(0,1fr)}.practice-stage,.note-field,.practice-listening{min-width:0}.note-field{width:100%}.note-field label{overflow-wrap:anywhere;padding-inline:4px}.mobile-brand-header{display:none}@media (width<=760px){.mobile-brand-header{padding:calc(12px + env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:72px;display:flex}.mobile-brand{direction:ltr;flex-shrink:0;align-items:center;gap:8px;display:flex}.mobile-brand-header>div{text-align:right;min-width:0}.mobile-brand-header strong{font-size:16px}.mobile-brand-header time{color:var(--muted);margin-top:2px;font-size:12px;display:block}}.session-hero .hero-duration,.session-hero .confidence-note{color:var(--muted)}.session-hero .hero-art{background:var(--canvas)}.session-hero .music-orbit{border-color:var(--line)}.meter-control{gap:10px;margin:16px 0;display:grid}.meter-control label{font-weight:700}.meter-entry{gap:10px;display:flex}.meter-entry input{text-align:center;width:100%;min-width:0;font-size:20px}.meter-entry button{flex-shrink:0}.meter-presets{flex-wrap:wrap;gap:8px;display:flex}.meter-presets button{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);border-radius:10px;padding:8px 12px}.meter-presets button[aria-pressed=true]{background:var(--lime)}.meter-control p{font-size:12px;line-height:1.5}.session-results{text-align:start;margin-block:28px}.session-result-list{gap:14px;display:grid}.session-result-list article{padding:20px}.session-result-list h3{margin:0 0 16px}.session-result-list dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;display:grid}.session-result-list dt{color:var(--muted);font-size:12px}.session-result-list dd{margin:5px 0 0;font-weight:700}.journey-card{background:var(--mint);min-width:0;margin-bottom:24px;padding:24px}.music-medal{flex-shrink:0;width:76px;height:84px;display:block}.music-medal svg{width:100%;height:100%}.medal-button,.rank-medal-button{color:var(--ink);cursor:pointer;background:0 0;border:0}.medal-button{border-radius:14px;padding:4px}.rank-collection>.rank-medal-button{text-align:center;border-radius:14px;flex-direction:column;flex:0 0 98px;align-items:center;gap:7px;padding:8px 4px;font-size:12px;display:flex}.rank-medal-button:hover,.medal-button:hover{background:var(--paper)}.achievement-section{border-top:1px solid var(--line);margin-top:22px;padding-top:6px}.journey-goals>.achievement-button{background:var(--paper);color:var(--ink);border:1px solid var(--line);cursor:pointer;text-align:start;border-radius:14px;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:14px;font-size:13px;display:grid}.achievement-button .music-medal{width:52px;height:58px}.achievement-button:hover{border-color:var(--forest)}.reward-dialog{background:var(--paper);width:min(440px,100vw - 32px);color:var(--ink);border:1px solid var(--forest);border-radius:20px;padding:24px}.reward-dialog::backdrop{background:#0c201b8c}.reward-dialog p{white-space:pre-line;line-height:1.8}.practice-pause-button{min-height:48px;background:var(--forest)!important;color:#fff!important;border-color:var(--forest)!important}:root[data-theme=dark] .practice-pause-button{background:#2f7058!important;border-color:#2f7058!important}.microphone-paused{color:var(--ink);background:var(--yellow);border:1px solid var(--ink);border-radius:10px;padding:12px;font-weight:700}.progress-empty{margin-bottom:28px;padding:24px}.course-lesson{overflow-anchor:none}html:has(.course-page){overflow-anchor:none}.journey-heading{align-items:center;gap:18px;display:flex}.journey-heading h2{margin:0 0 6px;font-size:26px}.rank-seal{border:2px solid var(--forest-2);background:var(--paper);border-radius:26px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:80px;font-size:38px;display:flex;transform:rotate(-4deg)}.rank-seal small{color:var(--ink);font-size:12px}.journey-card progress{width:100%;height:9px;accent-color:var(--forest-2);margin:14px 0 8px;display:block}.journey-card>p{font-size:13px;line-height:1.8}.journey-card h3{margin:20px 0 12px;font-size:17px}.rank-collection{gap:14px;padding:4px 2px 12px;display:flex;overflow-x:auto}.rank-collection>div{text-align:center;flex-direction:column;flex:0 0 98px;align-items:center;gap:6px;width:98px;font-size:12px;display:flex}.rank-collection .rank-seal{width:62px;height:68px;font-size:30px}.rank-earned .rank-seal{background:var(--lime)}.rank-locked{opacity:.55}.rank-collection small{color:var(--muted);font-size:11px}.journey-goals{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.journey-goals>div{background:var(--paper);border:1px solid var(--line);border-radius:16px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:14px;font-size:13px;display:grid}.journey-goals>div>span{font-size:28px}.journey-goals progress{grid-column:1/-1;margin:0}.piece-score{color:var(--forest-2);margin:10px 0 0;font-size:12px;line-height:1.8}.piece-options{flex-shrink:0;position:relative}.piece-options summary{cursor:pointer;border:1px solid var(--line);background:var(--canvas);border-radius:12px;place-items:center;width:46px;height:46px;list-style:none;display:grid}.piece-options summary::-webkit-details-marker{display:none}.piece-options>div{z-index:15;inset-inline-end:0;background:var(--paper);border:1px solid var(--line);min-width:160px;box-shadow:var(--shadow);border-radius:14px;padding:6px;position:absolute;top:52px}.piece-options button{cursor:pointer;text-align:start;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:46px;padding:8px 12px;display:flex}.piece-options button:hover{background:var(--mint)}.piece-options .destructive{color:var(--danger)}.piece-actions:has(.piece-options){grid-column:auto}.piece-header:has(.piece-options){grid-template-columns:40px minmax(0,1fr) auto}@media (width<=760px){.journey-card{padding:18px 14px}.journey-goals{grid-template-columns:1fr}.repertoire-header{display:flex}}.app-introduction{max-width:920px;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 28px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:24px;margin:auto;display:flex}.intro-top{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;display:flex}.intro-top img{flex-shrink:0}.intro-brand{direction:ltr;align-items:center;gap:8px;display:flex}.intro-slide{width:100%;max-width:620px;margin:auto;padding:24px 0;animation:.18s ease-out intro-arrive}.intro-slide h1{outline:none;margin:18px 0;font-size:clamp(30px,4vw,46px);line-height:1.25}.intro-illustration{color:#daf45e;background:#183f36;border-radius:28px;justify-content:center;align-items:center;gap:32px;min-height:180px;margin-bottom:28px;display:flex}.intro-bars{align-items:center;gap:7px;height:60px;display:flex}.intro-bars i{background:currentColor;border-radius:6px;width:7px;height:35%;display:block}.intro-bars i:nth-child(2n){height:85%}.intro-bars i:nth-child(3){height:60%}.intro-body{font-size:19px;line-height:1.7}.intro-detail{color:var(--ink,#17352f);border-inline-start:3px solid #a4c594;margin-top:22px;padding-inline-start:16px;font-size:15px;line-height:1.7}.intro-footer{width:100%;max-width:620px;margin:0 auto}.intro-dots{justify-content:center;margin-bottom:16px;display:flex}.intro-dots button{background:0 0;border:0;min-width:44px;min-height:44px;padding:18px 12px}.intro-dots span{background:#9aaba4;border-radius:8px;width:8px;height:8px;display:block}.intro-dots [aria-current] span{background:var(--forest,#17352f);width:26px}.intro-actions{justify-content:flex-end;gap:12px;display:flex}.intro-actions .button-primary{min-width:150px;min-height:50px}.app-guide{gap:14px;margin-top:24px;display:grid}.guide-topic{padding:22px}.guide-topic summary{cursor:pointer;min-height:32px;font-size:18px;font-weight:700}.guide-topic p{margin-bottom:0;line-height:1.9}@keyframes intro-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.intro-slide{animation:none}}@media (width<=480px){.app-introduction{gap:12px;padding-inline:22px}.intro-slide{padding-block:14px}.intro-illustration{min-height:140px}.intro-body{font-size:17px}.intro-actions .button-primary{flex:1}}.google-signin{min-width:0;margin-block:1.25rem}.google-signin>div{max-width:100%}.subscription-plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;display:grid}.subscription-plan{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.subscription-plan h2{font-size:1.9rem}.subscription-plan h2 small{font-size:.9rem}.subscription-page form{gap:14px;max-width:440px;display:grid}.subscription-page label{gap:8px;display:grid}.subscription-page label:has(input[type=checkbox]){align-items:center;display:flex}.premium-gate .button{margin-top:12px}.subscription-page{gap:24px;display:grid}.subscription-plan,.subscription-page>section.panel{padding:24px}.subscription-plan h2,.subscription-plan p{margin:0}.theme-toggle{border:1px solid var(--line);min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border-radius:11px;align-items:center;gap:10px;margin-top:18px;padding:0 13px;font-size:12px;font-weight:750;display:inline-flex}.theme-toggle:hover{background:var(--paper);color:var(--ink)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f2f4ec;--muted:#aabbb2;--forest:#b9ddc5;--forest-2:#73b696;--mint:#234739;--lime:#d8ef71;--paper:#18231f;--canvas:#0d1614;--line:#33453e;--yellow:#584923;--lavender:#3e3755;--danger:#ef9d98;--shadow:0 18px 45px #00000047}:root[data-theme=dark] body{background:var(--canvas)}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .practice-topbar,:root[data-theme=dark] .bottom-nav,:root[data-theme=dark] .panel,:root[data-theme=dark] .control-card,:root[data-theme=dark] .check-in,:root[data-theme=dark] .settings-section,:root[data-theme=dark] .repertoire-editor,:root[data-theme=dark] .form-field input,:root[data-theme=dark] .form-field textarea,:root[data-theme=dark] .form-field select,:root[data-theme=dark] .tag-option,:root[data-theme=dark] .round-button,:root[data-theme=dark] .icon-button{background:var(--paper);color:var(--ink);border-color:var(--line)}:root[data-theme=dark] .content-frame,:root[data-theme=dark] .practice-page{background:var(--canvas)}:root[data-theme=dark] .button-quiet,:root[data-theme=dark] .icon-text-button,:root[data-theme=dark] .nav-link,:root[data-theme=dark] .bottom-link{color:var(--ink)}:root[data-theme=dark] .nav-link:not(.active):hover,:root[data-theme=dark] .button-quiet:hover,:root[data-theme=dark] .round-button:hover{background:#25352f}:root[data-theme=dark] .button-primary,:root[data-theme=dark] .nav-link.active,:root[data-theme=dark] .bottom-link.active{color:#f4fff8;background:#2f7058}:root[data-theme=dark] .button-dark{color:#13231e;background:#e5efe4}:root[data-theme=dark] .button-accent{background:var(--lime);color:#17251e}:root[data-theme=dark] .offline-banner{color:#f7e2a6;background:#4e421f}:root[data-theme=dark] .session-hero,:root[data-theme=dark] .piece-header,:root[data-theme=dark] .challenge-stage .challenge-visual{background:#12352c}:root[data-theme=dark] .hero-art{background:radial-gradient(circle at 55% 48%,#3c8062 0,#1c4f3e 33%,#0000 67%)}:root[data-theme=dark] .signal-card{color:var(--ink);background:#1f4738}:root[data-theme=dark] .challenge-card{color:var(--ink);background:#51421e}:root[data-theme=dark] .signal-card>p:last-child,:root[data-theme=dark] .challenge-card>div>p:last-child{color:#c0d1c6}:root[data-theme=dark] .weekly-card,:root[data-theme=dark] .progress-ring:before{background:var(--paper)}:root[data-theme=dark] .path-icon,:root[data-theme=dark] .passage-tags span,:root[data-theme=dark] .sound-toggle,:root[data-theme=dark] .tag-option.selected{color:var(--ink);background:#253b33}:root[data-theme=dark] .why-details p,:root[data-theme=dark] .hint-card,:root[data-theme=dark] .answer-card,:root[data-theme=dark] .pause-overlay>div{color:var(--ink);border-color:var(--line);background:#20322c}:root[data-theme=dark] .save-status{color:#c5ead0;background:#1f4433;border-color:#3c7255}:root[data-theme=dark] .delete-confirmation{color:#ffe8e6;background:#452b2b;border-color:#754443}:root[data-theme=dark] .delete-confirmation p{color:#e4bbb7}:root[data-theme=dark] .language-switch{background:#253b33}:root[data-theme=dark] .language-switch button{color:var(--ink)}:root[data-theme=dark] .language-switch button.active{color:#f4fff8;background:#2f7058}:root[data-theme=dark] .metric-card,:root[data-theme=dark] .rating-button{color:#17352f}.passage-index,.passage-tempo{color:var(--muted)}:root[data-theme=dark] .repertoire-empty>span,:root[data-theme=dark] .control-icon,:root[data-theme=dark] .settings-heading>span,:root[data-theme=dark] .card-icon{color:#bfe3cb;background:#27463a}:root[data-theme=dark] .piece-summary>p,:root[data-theme=dark] .piece-summary>div{color:#c1d8cd}.coach-panel{background:linear-gradient(135deg,#d9e9ded1,#faf8f2f0);margin-bottom:22px;padding:27px}.coach-panel-heading{align-items:flex-start;gap:12px;display:flex}.coach-panel-heading>span{background:var(--forest);width:42px;height:42px;color:var(--lime);border-radius:13px;flex:none;place-items:center;display:grid}.coach-panel-heading h2{margin:0 0 4px;font-size:21px}.coach-panel-heading p:not(.eyebrow){color:var(--muted);margin:0;font-size:12px;line-height:1.55}.coach-layout{border-top:1px solid #2f70582b;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);gap:26px;margin-top:24px;padding-top:22px;display:grid}.coach-focus{min-width:0}.coach-kicker{color:var(--forest-2);letter-spacing:.06em;text-transform:uppercase;margin:0 0 9px;font-size:11px;font-weight:800}.coach-focus h3{letter-spacing:-.03em;margin:0;font-size:24px}.coach-detail{color:var(--muted);margin:6px 0 0;font-size:13px}.coach-evidence{color:var(--forest-2);border-top:1px solid #2f705824;align-items:flex-start;gap:10px;margin-top:20px;padding-top:16px;display:flex}.coach-evidence>div{min-width:0}.coach-evidence strong{color:var(--ink);font-size:12px;display:block}.coach-evidence details{color:var(--muted);margin-top:8px;font-size:11px}.coach-evidence summary{cursor:pointer;color:var(--forest-2);font-weight:750}.coach-evidence details p{margin:5px 0;line-height:1.5}.coach-evidence code{overflow-wrap:anywhere;color:var(--muted);text-align:start;direction:ltr;font-size:10px;display:block}.coach-controls{align-content:start;gap:9px;display:grid}.coach-controls label{color:var(--muted);font-size:12px;font-weight:750}.coach-controls select{border:1px solid var(--line);background:var(--paper);width:100%;min-height:47px;color:var(--ink);border-radius:11px;padding:0 12px}.coach-controls .button{width:100%}.coach-controls .text-link{margin-top:2px}.coach-saved{color:var(--forest-2);background:#2f70581c;border-radius:9px;margin:0;padding:8px 10px;font-size:11px;font-weight:750;line-height:1.45}.coach-definition,.coach-empty-copy{color:var(--muted);font-size:11px;line-height:1.55}.coach-definition{border-top:1px solid #2f705824;align-items:flex-start;gap:6px;margin:22px 0 0;padding-top:14px;display:flex}.coach-definition svg{flex:none;margin-top:2px}.coach-empty-copy{max-width:560px;margin:18px 0}:root[data-theme=dark] .coach-panel{background:linear-gradient(135deg, #203b31, var(--paper))}:root[data-theme=dark] .coach-panel-heading>span{color:#d8ef71;background:#2f7058}:root[data-theme=dark] .coach-layout,:root[data-theme=dark] .coach-evidence,:root[data-theme=dark] .coach-definition{border-color:#73b6963d}@media (width<=760px){.coach-panel{padding:20px 16px}.coach-layout{grid-template-columns:1fr;gap:20px}.coach-focus h3{font-size:21px}}