:root{--bg-grad:linear-gradient(160deg, #1c3d5e 0%, #1a6f82 40%, #12a397 72%, #1bb6a4 100%);--panel-bg:rgba(8, 40, 56, 0.36);--panel-bg-strong:rgba(255, 255, 255, 0.20);--panel-bg-modal:rgba(10, 46, 64, 0.88);--panel-border:rgba(255, 255, 255, 0.30);--panel-blur:blur(16px);--accent:#8b59c9;--accent-soft:#b68ee8;--accent-dark:#6f45b3;--accent-text:#e1d0fb;--glow-blue:#29b6f6;--glow-blue-soft:#6fd0fb;--glow-text:#c2ecff;--text-main:#ffffff;--text-secondary:rgba(255, 255, 255, 0.95);--text-muted:rgba(255, 255, 255, 0.88);--success:#4caf50;--danger:#ef5350;--info:#64b5f6;--teal:#2bb3a3;--star:#ffd166;--text-on-accent:#ffffff;--font-body:'Poppins','Segoe UI',sans-serif;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--transition-ui:all 0.15s ease;--page-w:min(140rem, 78%)}@media (max-width:1000px){:root{--page-w:96%}}:root[data-theme=light]{--bg-grad:linear-gradient(160deg, #eef6f7 0%, #e3f3f0 45%, #dff3ea 100%);--panel-bg:rgba(15, 40, 45, 0.05);--panel-bg-strong:rgba(15, 40, 45, 0.09);--panel-bg-modal:rgba(10, 46, 64, 0.92);--panel-border:rgba(15, 40, 45, 0.16);--text-main:#10262b;--text-secondary:rgba(16, 38, 43, 0.72);--text-muted:rgba(16, 38, 43, 0.68);--accent-text:#6a3fb0;--glow-text:#0b6a99;--star:#946000}:root[data-colorblind=true]{--success:#0072b2;--danger:#e69f00}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{font-size:clamp(12.2px, min(calc(9.3px + .29vw), calc(5.75px + .93vh)), 21.6px)}body{font-family:var(--font-body);color:var(--text-main);background:var(--bg-grad);background-attachment:fixed;display:flex;flex-direction:column;height:100vh;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.35) transparent}::-webkit-scrollbar{width:.412rem;height:.412rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.35);border-radius:58.765rem}::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.6)}header{display:flex;justify-content:space-between;align-items:center;padding:.471rem 1.529rem;background:var(--panel-bg);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);border-bottom:1px solid var(--panel-border);gap:1.176rem;flex-shrink:0}header h1{font-size:1.25rem;font-weight:700;white-space:nowrap;color:var(--text-main);min-width:0;overflow:hidden;text-overflow:ellipsis}#main-nav{display:flex;gap:.471rem}@media (min-width:761px) and (max-width:1150px){header{gap:.706rem;padding-left:1.059rem;padding-right:1.059rem}header h1{flex-shrink:0}.nav-btn{padding:.471rem .706rem}}.nav-btn{background:rgba(255,255,255,.12);border:1px solid transparent;color:var(--text-secondary);padding:.471rem 1.059rem;border-radius:58.765rem;cursor:pointer;font-size:.92rem;font-weight:500;transition:var(--transition-ui)}.nav-btn:hover{background:rgba(255,255,255,.22);color:var(--text-main)}.nav-btn.active{background:var(--accent);color:#fff;font-weight:600}#header-actions{display:flex;align-items:center;gap:.824rem;flex-shrink:0}.user-title{font-size:.62em;font-weight:600;color:var(--accent);margin-left:.471rem;vertical-align:middle}#midi-status{width:.765rem;height:.765rem;padding:0;border:2px solid rgba(255,255,255,.5);border-radius:50%;background-color:var(--danger);font-size:0;line-height:0;overflow:hidden;flex-shrink:0;cursor:pointer}#midi-status.connected{background-color:var(--success)}#hud-level-text{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}#hud-level-text strong{color:var(--text-main);font-weight:700}#hud-xp-text{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.647rem,1fr));gap:.588rem;margin:.353rem 0 .824rem}.collection-card{border-radius:.706rem;border:1px solid var(--panel-border);padding:.588rem;text-align:center;min-height:4.706rem;display:flex;flex-direction:column;justify-content:center;gap:4px}.collection-card.locked{opacity:.4}.collection-card.unlocked{border-color:var(--star);background:rgba(255,204,0,.08)}.collection-card-title{font-size:.8rem;font-weight:600}.collection-card-stars{color:var(--star);font-size:.85rem}.collection-card-date,.collection-card-hint{font-size:.82rem;color:var(--text-secondary)}.ghost-badge{font-size:.8rem;font-weight:700;margin-left:.588rem;padding:2px .471rem;border-radius:58.765rem}.ghost-badge.ahead{color:#1a1a1a;background:var(--star)}.ghost-badge.behind{color:var(--text-secondary);background:rgba(255,255,255,.08)}.hud-xp-mult{font-size:.82rem;font-weight:700;color:#1a1a1a;background:var(--star);border-radius:58.765rem;padding:2px .471rem;white-space:nowrap}main{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.view{display:none;flex:1;flex-direction:column;overflow:hidden}.view.active{display:flex}#view-profile.active{align-items:center;justify-content:flex-start;overflow-y:auto}#view-profile.active>.card{margin-top:1.412rem;margin-bottom:1.412rem;flex-shrink:0}#view-select.active,#view-solfege.active{align-items:center;justify-content:flex-start;padding:.824rem 0}#view-home.active{align-items:stretch;justify-content:flex-start;overflow-y:auto}#view-quests.active{align-items:stretch;justify-content:flex-start;overflow-y:auto}#view-quests.active>.quests-shell{flex-shrink:0}.card{background:var(--panel-bg);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:2.353rem;width:min(28.235rem,90%);max-height:90vh;overflow-y:auto;text-align:center;box-shadow:0 12px 40px rgba(10,30,40,.25)}.card.card-wide{width:var(--page-w)}.card h2{font-weight:700;margin-bottom:.471rem}.subtitle{color:var(--text-secondary);margin-bottom:1.412rem}.stats-row{display:flex;justify-content:space-around;gap:.706rem;margin-bottom:1.647rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.8rem;font-weight:700;color:var(--text-main)}.stat-value-text{font-size:1rem}.stat-label{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.primary-btn{background:var(--accent);color:#fff;border:none;border-radius:58.765rem;padding:.765rem 1.412rem;font-weight:600;font-size:1rem;cursor:pointer;width:100%;transition:var(--transition-ui);box-shadow:0 6px 18px rgba(122,79,192,.4)}.primary-btn:hover{background:var(--accent-soft);transform:translateY(-1px)}.primary-btn:active{background:var(--accent-dark);transform:translateY(0)}@keyframes pulse{0%,100%{box-shadow:0 6px 18px rgba(122,79,192,.4)}50%{box-shadow:0 6px 26px rgba(122,79,192,.7)}}#hero-play-btn{animation:pulse 2.2s ease-in-out infinite}.danger-btn{background-color:transparent;color:var(--text-main);border:1px solid var(--danger);border-radius:58.765rem;padding:.588rem 1.176rem;font-size:.9rem;font-weight:500;cursor:pointer;width:100%;margin-top:.706rem;transition:var(--transition-ui)}.danger-btn:hover{background-color:rgba(239,83,80,.25)}.hud-xp-track{background-color:rgba(255,255,255,.18);border-radius:58.765rem;height:.588rem;overflow:hidden}.hud-xp-fill{height:100%;background:linear-gradient(90deg,var(--glow-blue),var(--glow-blue-soft));width:0%;box-shadow:0 0 10px rgba(41,182,246,.7);transition:width .4s ease}.dashboard{width:var(--page-w);margin:0 auto;padding:1.882rem 1.412rem 2.824rem;text-align:left}.dashboard-intro{margin-bottom:1.176rem}.dashboard-intro .subtitle{margin-bottom:0}.dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1.176rem;background:var(--panel-bg);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:1.412rem;margin-bottom:1.412rem;flex-wrap:wrap;box-shadow:0 12px 40px rgba(10,30,40,.2)}.dashboard-hero-label{display:block;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.dashboard-hero-info h3{font-size:1.6rem;font-weight:700;line-height:1.2}.dashboard-hero-subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:2px}.dashboard-hero-btn{width:auto;padding:1.059rem 2.588rem;font-size:1.15rem;align-self:center;flex-shrink:0}.dashboard-practice-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.294rem,1fr));gap:1.176rem;margin-bottom:1.412rem}.dashboard-card-practice[hidden]{display:none}#sight-reading-difficulty{margin:.588rem 0 .941rem}.weak-notes-list{font-size:1.2rem;font-weight:700;color:var(--accent-text);margin:.588rem 0 .941rem;letter-spacing:.02em}.review-exercises-list li{display:flex;flex-direction:column;gap:2px;padding:.588rem .353rem;border-bottom:1px solid rgba(255,255,255,.16);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-ui)}.review-exercises-list li>span:first-child{font-weight:600;line-height:1.3}.review-exercises-list li>span:last-child{font-size:.82rem;color:var(--text-secondary)}.review-exercises-list li:hover{background:rgba(255,255,255,.08)}.review-exercises-list li:last-child{border-bottom:none}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1.176rem;align-items:start}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{background:var(--panel-bg);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:1.412rem;box-shadow:0 12px 40px rgba(10,30,40,.2);display:flex;flex-direction:column}.dashboard-card>.primary-btn,.dashboard-card>.secondary-btn{width:auto;align-self:flex-end;margin-top:auto}.dashboard-card h3{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.706rem;text-transform:uppercase;letter-spacing:.04em}.dashboard-subheading{margin-top:1.294rem}.dashboard-card .stats-row{margin-bottom:0}.xp-widget{text-align:left}.xp-widget-label{font-size:.9rem;font-weight:600;color:var(--text-main);margin-bottom:.353rem}.xp-widget-label span{color:var(--glow-text)}.xp-remaining-text{font-size:.85rem;color:var(--text-secondary);margin-top:.353rem}#stat-last-line{margin-top:1.176rem;margin-bottom:0;padding-top:.941rem;border-top:1px solid rgba(255,255,255,.18)}#badges-grid{display:flex;flex-wrap:wrap;gap:.471rem}.badge-chip{padding:.353rem .706rem;border-radius:58.765rem;font-size:.85rem;border:1px solid rgba(255,255,255,.25);color:var(--text-secondary)}.badge-chip.unlocked{background-color:rgba(155,107,214,.3);border-color:var(--accent-soft);color:#fff;font-weight:600}.badge-chip.locked{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:var(--text-muted)}.badge-chip.locked svg{width:1rem;height:1rem;opacity:.5}#history-list{list-style:none;font-size:.9rem;color:var(--text-main)}#history-list li{display:flex;justify-content:space-between;align-items:baseline;gap:.706rem;padding:.412rem 0;line-height:1.35;border-bottom:1px solid rgba(255,255,255,.16)}#history-list li:last-child{border-bottom:none}#history-list li>span:last-child{flex-shrink:0;white-space:nowrap;font-weight:600}#history-empty{color:var(--text-muted);font-style:italic}#exercise-stars{color:var(--star);font-size:1rem;letter-spacing:2px}#badge-toast{position:fixed;top:7.647rem;right:1.412rem;background:var(--accent);color:#fff;padding:.706rem 1.059rem;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,.3);transition:opacity .3s ease}#badge-toast[hidden]{display:none}#view-profile input,#view-profile select{display:block;width:100%;background-color:var(--panel-bg);color:var(--text-main);border:1px solid var(--panel-border);border-radius:var(--radius-sm);padding:.588rem .706rem;font-size:1rem;font-family:var(--font-body);margin:.471rem 0 1.176rem;transition:var(--transition-ui)}#view-profile input::placeholder{color:var(--text-muted)}#view-profile input:focus,#view-profile select:focus{outline:0;border-color:var(--accent-soft);background-color:var(--panel-bg-strong)}#view-profile label{display:block;text-align:left;color:var(--text-secondary);font-size:.9rem}#profile-badges-section{text-align:left;margin:1.412rem 0}#profile-badges-section h3{font-size:.85rem;color:var(--text-secondary);margin-bottom:.588rem;text-transform:uppercase;letter-spacing:.04em}.profile-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.824rem,1fr));gap:.588rem}.profile-badge-card{background-color:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-md);padding:.706rem}.profile-badge-card.unlocked{border-color:var(--accent-soft);background-color:rgba(155,107,214,.22)}.profile-badge-card-icon{color:var(--text-muted);opacity:.5;margin-bottom:.353rem}.profile-badge-card-icon svg{width:1.176rem;height:1.176rem}.profile-badge-card.unlocked .profile-badge-card-icon{color:#fff;opacity:1}.profile-badge-card-name{font-weight:600;font-size:.85rem;color:var(--text-main)}.profile-badge-card.unlocked .profile-badge-card-name{color:#fff}.profile-badge-card-desc{font-size:.8rem;color:var(--text-main);margin-top:4px;line-height:1.3}.select-shell{background:var(--panel-bg);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:1.529rem 1.882rem 1.294rem;width:var(--page-w);display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:100%;overflow:hidden;box-shadow:0 12px 40px rgba(10,30,40,.25)}.select-shell>.menu-subtitle,.select-shell>.menu-title,.select-shell>.mode-toggle{flex-shrink:0}@media (max-height:860px){.select-shell>.menu-subtitle{display:none}}.select-shell>.free-play-panel,.select-shell>.level-detail-panel,.select-shell>.level-path{flex:1 1 auto;min-height:0;overflow-y:auto}.select-shell>.free-play-panel{display:flex;flex-direction:column;overflow:hidden}.free-play-panel>.free-play-filters,.free-play-panel>.free-play-toolbar,.free-play-panel>.menu-description,.free-play-panel>.mode-toggle{flex-shrink:0}.menu-title{font-weight:700;font-size:1.5rem;text-align:center;margin-bottom:.471rem}.menu-panel[hidden]{display:none}.menu-subtitle{text-align:center;color:var(--text-secondary);font-size:.82rem;line-height:1.4;margin:0 auto .941rem;max-width:42.353rem}.mode-toggle{display:flex;gap:.471rem;background:rgba(6,30,44,.32);border-radius:58.765rem;padding:4px;margin-bottom:.824rem}.mode-toggle-btn{flex:1;background:0 0;border:none;color:var(--text-secondary);padding:.588rem;border-radius:58.765rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-ui)}.mode-toggle-btn:hover{color:var(--text-main)}.mode-toggle-btn.active{background:var(--accent);color:#fff}.free-play-panel[hidden]{display:none}.free-play-search{display:block;width:100%;background-color:var(--panel-bg);color:var(--text-main);border:1px solid var(--panel-border);border-radius:var(--radius-sm);padding:.588rem .706rem;font-size:.95rem;font-family:var(--font-body);margin-bottom:.824rem;transition:var(--transition-ui)}.free-play-search::placeholder{color:var(--text-muted)}.free-play-search:focus{outline:0;border-color:var(--accent-soft);background-color:var(--panel-bg-strong)}.free-play-filters{display:flex;flex-wrap:wrap;gap:.471rem;margin-bottom:1.059rem}.filter-btn{background:rgba(255,255,255,.1);border:1px solid transparent;color:var(--text-secondary);padding:.412rem .941rem;border-radius:58.765rem;font-size:.85rem;cursor:pointer;transition:var(--transition-ui)}.filter-btn:hover{background:rgba(255,255,255,.2);color:var(--text-main)}.filter-btn.active{background:var(--accent);color:#fff;font-weight:600}.song-sections{display:flex;flex-direction:column;gap:.706rem;flex:1 1 auto;min-height:0;overflow-y:auto;align-content:start;padding:2px .353rem .706rem 0}.song-section{flex-shrink:0;border-radius:var(--radius-lg);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2)}.song-section-head{display:flex;align-items:center;gap:.706rem;padding:.824rem 1.059rem;cursor:pointer;list-style:none;border-left:6px solid rgba(255,255,255,.4);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.song-section-head::-webkit-details-marker{display:none}.song-section-head::before{content:'▸';font-size:1.1rem;color:var(--text-secondary);transition:transform .15s ease}.song-section[open]>.song-section-head::before{transform:rotate(90deg)}.song-section-name{font-size:1.15rem;font-weight:700}.song-section-count{margin-left:auto;color:var(--text-secondary);font-size:.88rem;font-weight:500}.song-row.tier-debutant,.song-section-head.tier-debutant{border-left-color:var(--info)}.song-row.tier-intermediaire,.song-section-head.tier-intermediaire{border-left-color:var(--teal)}.song-row.tier-avance,.song-section-head.tier-avance{border-left-color:#ffa552}.song-row.tier-expert,.song-section-head.tier-expert{border-left-color:#c77dff}.song-row.tier-virtuose,.song-section-head.tier-virtuose{border-left-color:#ff5d73}.song-row.tier-mes-imports,.song-section-head.tier-mes-imports{border-left-color:var(--accent)}.song-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,23.529rem),1fr));gap:.471rem;padding:2px .706rem .824rem}.song-rows.compact{grid-template-columns:repeat(auto-fill,minmax(min(100%,11.176rem),1fr))}.song-row{position:relative;display:flex;align-items:center;gap:.824rem;min-height:3.529rem;padding:.588rem .824rem;background:var(--panel-bg);border:2px solid transparent;border-left:5px solid rgba(255,255,255,.35);border-radius:var(--radius-md);color:var(--text-main);font:inherit;text-align:left;cursor:pointer;transition:var(--transition-ui)}.song-row:hover{background:var(--panel-bg-strong);border-color:var(--accent-soft);border-left-width:5px}.song-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.song-row-title{font-size:1rem;font-weight:600;line-height:1.3}.song-row-sub{color:var(--text-secondary);font-size:.85rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-row-meta{flex-shrink:0;color:var(--text-secondary);font-size:.8rem;line-height:1.35;text-align:right;white-space:nowrap}.song-row-status{flex-shrink:0;min-width:3.294rem;text-align:right;color:var(--star);font-size:.95rem;font-weight:700;letter-spacing:1px}.song-row-status.partial{color:var(--glow-text);letter-spacing:normal}.song-row-status.import{color:var(--glow-text);font-size:.8rem;letter-spacing:normal;text-transform:uppercase}.song-row-delete{flex-shrink:0;font-size:.95rem;opacity:.6;cursor:pointer}.song-row-delete:hover{opacity:1}.menu-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.941rem;margin-bottom:.941rem}.menu-field{display:flex;flex-direction:column;gap:.353rem}.menu-field[hidden]{display:none}.menu-field label{font-size:.82rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.inline-toggle{display:flex;gap:.353rem;background:rgba(6,30,44,.32);border-radius:58.765rem;padding:3px}.profile-tabs{flex-wrap:wrap;border-radius:1.059rem;margin:.353rem 0 .941rem}.profile-tabs .inline-toggle-btn{white-space:nowrap}.inline-toggle-btn{flex:1;background:0 0;border:none;color:var(--text-secondary);padding:.529rem .471rem;border-radius:58.765rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-ui)}.inline-toggle-btn:hover{color:var(--text-main)}.inline-toggle-btn.active{background:var(--accent);color:#fff}.tempo-row{display:flex;align-items:center;gap:.588rem}.tempo-row input[type=range]{flex:1;accent-color:var(--accent)}#bpm-value{color:var(--text-secondary);min-width:3.765rem;text-align:right}.menu-description{color:var(--text-secondary);font-style:italic;font-size:.9rem;line-height:1.45;margin-bottom:4px}.menu-stars{color:var(--star);font-size:1.1rem;letter-spacing:2px;margin-bottom:4px;min-height:1.2em}.exercise-detail-stats{color:var(--text-secondary);font-size:.85rem;margin-bottom:1.176rem}.exercise-detail-stats-row{display:flex;justify-content:space-between;gap:.588rem;padding:4px 0}.exercise-detail-stats-row+.exercise-detail-stats-row{border-top:1px solid rgba(255,255,255,.1)}.exercise-detail-stats-row .hand-label{color:var(--text-main);font-weight:600;white-space:nowrap}.hand-mastered{color:var(--success);font-weight:700}.secondary-btn{background-color:transparent;border:1px solid var(--panel-border);color:var(--text-main);border-radius:58.765rem;padding:.588rem .941rem;font-size:.9rem;font-weight:600;cursor:pointer;width:100%;transition:var(--transition-ui)}.secondary-btn:hover{background-color:rgba(255,255,255,.18)}.free-play-toolbar{display:flex;gap:.588rem;margin-bottom:.706rem}.free-play-toolbar .free-play-search{flex:1;min-width:0;margin-bottom:0}.free-play-toolbar .secondary-btn{width:auto;flex-shrink:0;white-space:nowrap}.toast{position:fixed;bottom:1.412rem;left:50%;transform:translateX(-50%) translateY(12px);max-width:30.588rem;width:calc(100% - 2.824rem);background:rgba(18,20,28,.82);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);color:#fff;padding:.824rem 1.059rem;border-radius:var(--radius-md);border-left:4px solid var(--info);box-shadow:0 8px 24px rgba(0,0,0,.35);font-size:.9rem;line-height:1.4;text-align:left;z-index:60;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.toast.toast-visible{opacity:1;transform:translateX(-50%) translateY(0)}.toast-success{border-left-color:var(--success)}.toast-warning{border-left-color:#ffa552}.toast-error{border-left-color:var(--danger)}.level-path{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));align-content:start;gap:.941rem;padding:.471rem 4px 1.882rem}.level-path[hidden]{display:none}.course-chapter,.course-continue{grid-column:1/-1}.course-continue{display:flex;align-items:center;justify-content:space-between;gap:.941rem;flex-wrap:wrap;padding:.941rem 1.176rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(139,89,201,.5),rgba(41,182,246,.32));border:1px solid rgba(255,255,255,.35)}.course-continue-text{display:flex;flex-direction:column;gap:3px;min-width:0}.course-continue-kicker{color:var(--text-secondary);font-size:.85rem;font-weight:600}.course-continue-title{font-size:1.2rem;font-weight:700;line-height:1.25}.course-continue-btn{width:auto;flex-shrink:0;padding:.706rem 1.529rem;font-size:1rem}.course-chapter{display:flex;flex-direction:column;gap:4px;padding:1.059rem 4px 4px;border-bottom:2px solid rgba(255,255,255,.22);padding-bottom:.706rem}.course-chapter-num{color:var(--accent-text);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.course-chapter-title{font-size:1.4rem;font-weight:700}.course-chapter-subtitle{color:var(--text-secondary);font-size:.95rem}.course-chapter-details{margin-top:.353rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.course-chapter-details summary{cursor:pointer;color:var(--accent-text);font-weight:600}.course-chapter-details p{margin-top:.353rem;max-width:70ch}.course-chapter-gate{margin-top:2px;color:var(--star);font-size:.88rem;font-weight:600}.course-card{display:flex;flex-direction:column;gap:.588rem;padding:.941rem;border-radius:var(--radius-lg);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22)}.course-card.current{border-color:var(--glow-blue);box-shadow:0 0 0 1px var(--glow-blue),0 0 18px rgba(41,182,246,.3)}.course-card.locked{opacity:.85}.course-card-head{display:flex;flex-direction:column;gap:2px;padding:2px 4px .353rem}.course-card-num{color:var(--accent-text);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.course-card-title{font-size:1.2rem;font-weight:700;line-height:1.25}.course-card-sub{color:var(--text-secondary);font-size:.92rem;line-height:1.35}.course-card-progress{margin-top:4px;color:var(--glow-text);font-size:.85rem;font-weight:600}.course-card-lock{margin-top:4px;color:var(--star);font-size:.85rem;font-weight:600;line-height:1.35}.course-rows{display:flex;flex-direction:column;gap:.353rem}.course-row{display:flex;align-items:center;gap:.706rem;width:100%;min-height:3.059rem;padding:.471rem .706rem;border-radius:var(--radius-md);background:var(--panel-bg);border:2px solid transparent;color:var(--text-main);font:inherit;text-align:left;cursor:pointer;transition:var(--transition-ui)}.course-row:hover:not(:disabled){background:var(--panel-bg-strong);border-color:var(--accent-soft)}.course-row:disabled{cursor:not-allowed;opacity:.6}.course-row.current{border-color:var(--glow-blue);background:rgba(41,182,246,.2)}.course-row.selected{border-color:var(--accent-soft);background:rgba(155,107,214,.28)}.course-row-num{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.882rem;height:1.882rem;border-radius:50%;background:rgba(255,255,255,.14);font-size:.95rem;font-weight:700}.course-row.done .course-row-num{background:var(--success);color:#fff}.course-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.course-row-title{font-size:1rem;font-weight:600;line-height:1.3}.course-row-next{color:var(--glow-text);font-size:.8rem;font-weight:700}.course-row-stars{flex-shrink:0;color:var(--star);font-size:.95rem;letter-spacing:1px}.course-row-go{flex-shrink:0;color:var(--text-muted);font-size:1.4rem;line-height:1}.course-pill{flex-shrink:0;padding:2px .529rem;border-radius:58.765rem;color:#1a1a1a;font-size:.78rem;font-weight:700}.level-detail-panel{position:relative;margin-top:.941rem;padding-top:.941rem;border-top:1px solid rgba(255,255,255,.18)}.level-detail-panel[hidden]{display:none}.icon-btn{position:absolute;top:.941rem;left:0;width:2.118rem;height:2.118rem;display:flex;align-items:center;justify-content:center;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:50%;color:var(--text-main);font-size:1.1rem;line-height:1;cursor:pointer;transition:var(--transition-ui)}.icon-btn:hover{background:var(--panel-bg-strong)}.chapter-detail-title{margin:0 0 .471rem;padding:0 2.706rem;min-height:2.118rem;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.25}.level-detail-panel>.menu-description,.level-detail-panel>.menu-stars{text-align:center}#level-play-controls .primary-btn{margin-top:1.059rem}.song-import-prompt{background:rgba(100,181,246,.14);border:1px solid var(--info);border-radius:var(--radius-md);padding:.824rem 1.059rem;margin-top:.471rem;text-align:center}.song-import-prompt p{color:var(--text-main);font-size:.85rem;margin-bottom:.588rem}#play-topbar{position:relative;z-index:40;display:flex;flex-wrap:wrap;align-items:center;gap:.471rem 1.176rem;padding:.824rem 1.765rem;flex-shrink:0;background:rgba(255,255,255,.08);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);border-bottom:1px solid rgba(255,255,255,.16)}#back-to-menu-btn{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-main);padding:.471rem .941rem;border-radius:58.765rem;cursor:pointer;font-size:.9rem;font-weight:500;white-space:nowrap;transition:var(--transition-ui)}#back-to-menu-btn:hover{background:var(--panel-bg-strong)}#exercise-status{font-size:1rem;color:var(--text-main);font-weight:600}@media (max-width:1100px){#exercise-status{flex:1 1 100%;order:5}#exercise-status:empty{display:none}}#transport-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.471rem;flex:1 1 0;min-width:0}#transport-controls #speed-select{margin-right:.706rem;padding-right:.706rem;border-right:1px solid rgba(255,255,255,.22)}#transport-controls[hidden]{display:none}.transport-btn[hidden]{display:none}.transport-btn{display:flex;align-items:center;justify-content:center;width:2.118rem;height:2.118rem;padding:0;background:rgba(0,0,0,.22);border:1.5px solid rgba(255,255,255,.55);border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;transition:var(--transition-ui)}.transport-btn svg{width:.941rem;height:.941rem}.transport-btn:hover{background:rgba(0,0,0,.34);border-color:#fff}.transport-toggle.active{background:var(--accent);border-color:var(--accent-soft);color:#fff}#speed-select{background:rgba(0,0,0,.22);color:#fff;border:1.5px solid rgba(255,255,255,.55);border-radius:58.765rem;padding:.353rem .588rem;font-size:.8rem;cursor:pointer}.hand-filter-toggle{display:flex;gap:2px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.3);border-radius:58.765rem;padding:2px}.hand-filter-toggle[hidden]{display:none}.hand-filter-btn{background:0 0;border:none;color:var(--text-secondary);padding:.353rem .588rem;border-radius:58.765rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition-ui)}.hand-filter-btn:hover{color:#fff}.hand-filter-btn.active{background:var(--accent);color:#fff}.tool-menu{display:contents}.tool-menu-btn[aria-expanded=true]{background:var(--accent);border-color:var(--accent-soft)}.tool-menu-panel{position:absolute;z-index:60;min-width:14.706rem;max-width:min(21.176rem,calc(100vw - .941rem));display:flex;flex-direction:column;gap:.471rem;padding:.706rem;background:var(--panel-bg-modal);border:1px solid rgba(255,255,255,.28);border-radius:.824rem;box-shadow:0 12px 32px rgba(0,0,0,.45);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur)}.tool-menu-panel[hidden]{display:none}.tool-menu-panel .transport-text-btn{width:100%;height:2.235rem;justify-content:flex-start;padding:0 .824rem}.tool-menu-panel .hand-filter-toggle{flex-wrap:wrap;border-radius:.706rem}.tool-menu-panel .fingering-toggle-label{flex:1 1 100%;padding:4px .471rem 2px}.tool-menu-row{display:flex;align-items:center;justify-content:space-between;gap:.824rem;padding:2px 4px 2px .471rem;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer}.tool-menu-row-text{flex:1}.transport-text-btn{width:auto;border-radius:58.765rem;padding:0 .824rem;font-size:.82rem;font-weight:700;letter-spacing:.02em}.transport-text-btn.active{background:var(--accent);border-color:var(--accent-soft);color:#fff}#ab-loop-btn.ab-pending{border-color:var(--glow-text);color:var(--info);background:rgba(100,181,246,.18)}#ab-loop-btn.ab-active{background:var(--accent);border-color:var(--accent-soft);color:#fff}.transport-timeline{height:.471rem;margin:.588rem 1.765rem 0;background:rgba(255,255,255,.18);border-radius:58.765rem;cursor:pointer;overflow:hidden;flex-shrink:0}.transport-timeline-fill{height:100%;background:linear-gradient(90deg,var(--glow-blue),var(--glow-blue-soft));box-shadow:0 0 10px rgba(41,182,246,.7);width:0%;transition:width .15s ease;pointer-events:none}.freeplay-nav-tools{display:flex;flex-direction:column;gap:.471rem;margin:.588rem 1.765rem 0}.freeplay-nav-tools[hidden]{display:none}.section-jump-buttons{display:flex;gap:.353rem}.section-jump-btn{flex:1;background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-main);padding:.353rem .471rem;border-radius:58.765rem;font-size:.8rem;cursor:pointer;transition:var(--transition-ui)}.section-jump-btn:hover{background:var(--panel-bg-strong)}.freeplay-scrubber{-webkit-appearance:none;appearance:none;width:100%;height:.471rem;background:rgba(255,255,255,.18);border-radius:58.765rem;cursor:pointer}.freeplay-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.059rem;height:1.059rem;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #fff;box-shadow:0 0 10px rgba(155,107,214,.6)}.freeplay-scrubber::-moz-range-thumb{width:1.059rem;height:1.059rem;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #fff;box-shadow:0 0 10px rgba(155,107,214,.6)}.freeplay-scrubber::-moz-range-track{height:.471rem;background:rgba(255,255,255,.18);border-radius:58.765rem}#play-hud{padding:.588rem 1.765rem 0;font-size:.95rem;color:var(--text-main);display:flex;gap:1.059rem}#play-hud .hud-perfect{color:var(--success);font-weight:700}#play-hud .hud-good{color:var(--info);font-weight:700}#play-hud .hud-miss{color:var(--danger);font-weight:700}#play-hud .hud-timing-feedback{color:var(--text-secondary);font-style:italic;margin-left:auto}#sheet-container{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;background:#fdfbf6}#sheet-container::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 7px 9px -7px rgba(60,45,20,.35),inset 0 -7px 9px -7px rgba(60,45,20,.28)}#sheet-container[hidden]{display:none}#staff-svg{display:block;will-change:transform;flex-shrink:0;position:relative;z-index:1}#playhead{position:absolute;top:0;bottom:0;left:8.824rem;width:1.294rem;margin-left:-.588rem;background:linear-gradient(90deg,transparent,rgba(30,120,230,.22) 38%,rgba(20,100,220,.62) 50%,rgba(30,120,230,.22) 62%,transparent);z-index:0;pointer-events:none}#keyboard-container{height:clamp(5.647rem,24vh,10.588rem);background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.2);position:relative;flex-shrink:0;touch-action:none}#cascade-container{flex:1;position:relative;overflow:hidden;background:linear-gradient(160deg,#16324d 0,#1a6f82 45%,#12a397 80%,#1bb6a4 100%)}#cascade-container[hidden]{display:none}#cascade-lane{position:absolute;inset:0}#cascade-hitline{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--glow-blue);box-shadow:0 0 10px 2px rgba(41,182,246,.7);z-index:2}.cascade-bar{position:absolute;border-radius:4px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.4);box-sizing:border-box}.cascade-bar.target{background:var(--key-b,var(--accent));border-color:var(--key-a,var(--accent-soft));box-shadow:0 0 10px var(--key-glow,rgba(155,107,214,.6))}.cascade-bar.done{background:rgba(76,175,80,.55);border-color:rgba(76,175,80,.8)}#piano-keyboard{position:relative;width:100%;height:100%;user-select:none}.key{position:absolute;top:0;box-sizing:border-box;cursor:pointer;transition:background-color 50ms ease,box-shadow 50ms ease}.key.white{height:100%;background-color:#fff;border:1px solid #b9b9c2;border-radius:0 0 .353rem .353rem;z-index:1}.key.white.active{background:linear-gradient(180deg,var(--key-a,var(--accent-soft)),var(--key-b,var(--accent)))}.key.black{height:60%;background-color:#1a1a22;border:1px solid #000;border-radius:0 0 4px 4px;z-index:2}.key.black.active{background:linear-gradient(180deg,var(--key-a,var(--accent-soft)),var(--key-b,var(--accent-dark)))}.key.target{background:linear-gradient(180deg,var(--key-a,var(--accent-soft)),var(--key-b,var(--accent)));box-shadow:0 0 16px var(--key-glow,rgba(155,107,214,.75))}.key-label{display:none;position:absolute;left:50%;bottom:.353rem;transform:translateX(-50%);font-size:.68rem;font-weight:700;color:#1a1a22;pointer-events:none;white-space:nowrap}.key.black .key-label{bottom:5px;color:#fff}.show-note-names .key.target .key-label{display:block}.key.black.correct,.key.white.correct{background:var(--success)}.key.black.wrong,.key.white.wrong{background:var(--danger)}.modal-overlay{position:fixed;inset:0;background-color:rgba(10,25,35,.6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-overlay[hidden]{display:none}.modal-card{background:var(--panel-bg-modal);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:2.118rem;width:min(25.882rem,92%);max-height:90vh;overflow-y:auto;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.4);animation:modal-pop .25s ease}@keyframes modal-pop{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.summary-eyebrow{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.353rem}#summary-song-label{font-weight:700;margin-bottom:.941rem}.summary-stars{color:var(--star);font-size:2.2rem;letter-spacing:6px;margin-bottom:.471rem}.summary-accuracy{color:#fff;font-size:.95rem;margin-bottom:1.059rem}.summary-levelup{background:rgba(155,107,214,.22);border:1px solid var(--accent-soft);border-radius:var(--radius-md);padding:.706rem;margin-bottom:1.059rem}.summary-levelup-title{display:block;font-weight:700;font-size:1.1rem;color:#fff;letter-spacing:.02em}#summary-levelup-level{font-size:.85rem;color:var(--text-secondary)}.summary-xp-block{text-align:left;margin-bottom:1.059rem}.summary-xp-gained{color:var(--glow-text);font-weight:700;font-size:.95rem;margin-bottom:.353rem;text-align:center}.summary-xp-text{font-size:.85rem;color:var(--text-muted);margin-top:4px;text-align:center}.summary-badges{text-align:left;margin-bottom:1.176rem}.summary-badges h3{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.471rem;text-align:center}.summary-badges-list{display:flex;flex-wrap:wrap;gap:.471rem;justify-content:center}.summary-badges-list .badge-chip{background-color:rgba(155,107,214,.3);border-color:var(--accent-soft);color:#fff;font-weight:600}.summary-actions{display:flex;gap:.588rem}.midi-modal-card{text-align:left}.midi-modal-card h2{text-align:center;margin-bottom:.471rem}.midi-modal-status{color:var(--text-secondary);font-size:.82rem;text-align:center;margin-bottom:1.059rem}.midi-device-list{display:flex;flex-direction:column;gap:.471rem;max-height:40vh;overflow-y:auto;margin-bottom:1.176rem}.midi-device-item{display:flex;align-items:center;justify-content:space-between;gap:.588rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-md);padding:.706rem .824rem;color:#fff;font:inherit;text-align:left;cursor:pointer;transition:var(--transition-ui)}.midi-device-item:hover{background:rgba(255,255,255,.2)}.midi-device-item.active{border-color:var(--success);background-color:rgba(76,175,80,.22)}.midi-device-item-check{color:var(--success);font-weight:700;visibility:hidden}.midi-device-item.active .midi-device-item-check{visibility:visible}.midi-device-empty{color:var(--text-secondary);font-size:.85rem;text-align:center;padding:1.059rem 0}.profile-picker-overlay{z-index:200}.profile-picker-card{position:relative;width:min(28.235rem,92%)}.profile-picker-card h2{margin-bottom:.353rem}.modal-close-btn{position:absolute;top:.824rem;right:.824rem;width:1.765rem;height:1.765rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;transition:var(--transition-ui)}.modal-close-btn:hover{background:rgba(255,255,255,.26)}.modal-close-btn[hidden]{display:none}.profile-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.471rem,1fr));gap:.824rem;margin-top:1.176rem}#profile-picker-add-btn{margin-top:1.176rem}.profile-picker-avatar-card{position:relative;border-radius:var(--radius-lg);transition:var(--transition-ui)}.profile-picker-avatar-card.active{outline:1px solid var(--accent-soft)}.profile-picker-avatar-main{display:flex;flex-direction:column;align-items:center;gap:.588rem;width:100%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-lg);padding:1.059rem .588rem;color:#fff;font:inherit;cursor:pointer;transition:var(--transition-ui)}.profile-picker-avatar-main:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.profile-picker-avatar-card.active .profile-picker-avatar-main{border-color:var(--accent-soft);background:rgba(155,107,214,.28)}.profile-picker-delete-btn{position:absolute;top:-.353rem;right:-.353rem;width:1.412rem;height:1.412rem;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(30,30,30,.85);color:#fff;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:var(--transition-ui)}.profile-picker-avatar-card:hover .profile-picker-delete-btn{opacity:1}.profile-picker-delete-btn:hover{background:var(--danger);border-color:var(--danger)}.profile-picker-avatar{width:3.294rem;height:3.294rem;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:1.4rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px rgba(155,107,214,.55)}.profile-picker-avatar-name{font-size:.85rem;font-weight:600;color:#fff}.transport-btn:disabled{opacity:.35;cursor:not-allowed}.transport-btn:disabled:hover{background:rgba(0,0,0,.22);border-color:rgba(255,255,255,.55)}.record-btn{color:var(--danger)}.record-btn.active{background:var(--danger);border-color:#ff8a80;color:#fff;animation:record-pulse 1.4s ease-in-out infinite}@keyframes record-pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,83,80,.55)}50%{box-shadow:0 0 0 8px rgba(239,83,80,0)}}#sheet-container::after{transition:box-shadow 80ms ease}#sheet-container.metronome-flash::after{box-shadow:inset 0 0 0 4px rgba(30,120,230,.55),inset 0 7px 9px -7px rgba(60,45,20,.35),inset 0 -7px 9px -7px rgba(60,45,20,.28)}.flashcards-hud{display:flex;align-items:center;gap:1.059rem;padding:.706rem 1.765rem .588rem}.flashcards-hud[hidden]{display:none}#view-play:has(.flashcards-hud:not([hidden])) #play-topbar{display:none}.flashcards-score{font-size:1.15rem;color:var(--text-main);white-space:nowrap}.flashcards-score strong{color:var(--star);font-size:1.6rem}.flashcards-lives{font-size:1.4rem;letter-spacing:3px;white-space:nowrap;color:var(--danger)}.flashcards-lives .flashcards-life-lost{color:rgba(255,255,255,.25)}.flashcards-theory-prompt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:#1b1b1b;text-shadow:none;pointer-events:none}.flashcards-theory-prompt[hidden]{display:none}.flashcards-theory-prompt.flashcards-theory-prompt-compact{align-items:flex-start;padding-top:.588rem;font-size:2rem}.flashcards-hud .flashcards-lives{margin-right:auto}.flashcards-reveal{position:absolute;left:50%;bottom:.824rem;transform:translateX(-50%);z-index:6;max-width:min(94%,48.235rem);padding:.588rem 1.294rem;border-radius:58.765rem;background:#b3261e;color:#fff;font-size:1.05rem;font-weight:700;text-align:center;pointer-events:none;box-shadow:0 2px 10px rgba(0,0,0,.3)}.flashcards-reveal[hidden]{display:none}.flashcards-quit-btn{width:auto;padding:.588rem 1.176rem;font-size:.95rem;white-space:nowrap}.flashcards-gameover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:.824rem;background:var(--panel-bg-modal);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:2rem 2.588rem;box-shadow:0 20px 60px rgba(0,0,0,.4);text-align:center}.flashcards-gameover[hidden]{display:none}.flashcards-gameover-title{font-size:1.8rem;font-weight:700;color:#fff}.flashcards-gameover-score{font-size:1.2rem;color:var(--text-secondary)}.flashcards-gameover .primary-btn{width:auto;padding:.706rem 1.647rem}.flashcards-gameover-xp{font-size:.95rem;color:var(--star);font-weight:600}.flashcards-gameover-actions{display:flex;gap:.706rem}.flashcards-gameover-actions .secondary-btn{width:auto;padding:.706rem 1.294rem}.flashcards-setup{position:absolute;inset:0;z-index:50;overflow-y:auto;padding:1.412rem 1.176rem 0;background:var(--bg-grad);background-attachment:fixed;text-align:left}.flashcards-setup[hidden]{display:none}.fc-setup-inner{display:flex;flex-direction:column;gap:1.059rem;width:var(--page-w);margin:0 auto}.fc-setup-head{text-align:center}.flashcards-setup-title{font-size:2rem;font-weight:700;color:var(--text-main)}.fc-setup-lead{margin-top:4px;color:var(--text-secondary);font-size:1rem}.fc-block{display:flex;flex-direction:column;gap:.706rem;padding:1.176rem 1.294rem;border-radius:var(--radius-lg);background:var(--panel-bg);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--panel-border)}.fc-block-title{font-size:1.15rem;font-weight:700}.fc-step{display:flex;align-items:center;gap:.588rem;margin-top:.353rem;font-size:1rem;font-weight:600}.fc-step-num{display:inline-flex;align-items:center;justify-content:center;width:1.529rem;height:1.529rem;border-radius:50%;background:var(--accent);color:#fff;font-size:.85rem;font-weight:700}.fc-mode-groups{display:flex;flex-direction:column;gap:.706rem}.fc-mode-group{display:flex;flex-direction:column;gap:.353rem}.fc-mode-group-label{color:var(--text-secondary);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.fc-mode-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,8.824rem),1fr));gap:.471rem}.fc-mode-row .inline-toggle-btn{display:flex;align-items:center;gap:.588rem;padding:.706rem .824rem;border-radius:var(--radius-md);background:var(--panel-bg);border:2px solid transparent;color:var(--text-main);font-size:.95rem;text-align:left}.fc-mode-row .inline-toggle-btn:hover{background:var(--panel-bg-strong)}.fc-mode-row .inline-toggle-btn.active{background:rgba(139,89,201,.45);border-color:var(--accent-soft)}.fc-mode-icon{font-size:1.3rem;line-height:1;width:1.5rem;text-align:center;flex-shrink:0}.fc-mode-desc{color:var(--text-secondary);font-size:.92rem;line-height:1.45;padding-left:2px}.fc-options{display:grid;grid-template-columns:1fr 1fr;gap:1.059rem}.fc-option{display:flex;flex-direction:column;gap:.588rem;min-width:0}@media (max-width:760px){.fc-options{grid-template-columns:1fr}}.fc-toggle{width:100%}.fc-toggle .inline-toggle-btn{padding:.706rem .588rem;font-size:.95rem}.fc-setup-foot{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:.941rem;flex-wrap:wrap;width:var(--page-w);margin:1.059rem auto 0;padding:.824rem 4px 1.059rem;background:linear-gradient(to bottom,transparent,rgba(12,44,60,.92) 35%)}.fc-best{flex:1 1 12.941rem;color:var(--star);font-size:.95rem;font-weight:600}.fc-start-btn{width:auto;flex:0 0 auto;padding:.941rem 2.824rem;font-size:1.15rem}#profile-backup-section,#profile-calendar-section,#profile-heatmap-section,#profile-progress-section,#profile-report-section,#profile-settings-section{text-align:left;margin:1.412rem 0}#profile-backup-section h3,#profile-calendar-section h3,#profile-heatmap-section h3,#profile-progress-section h3,#profile-report-section h3,#profile-settings-section h3{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.588rem;text-transform:uppercase;letter-spacing:.04em}#profile-settings-section label{display:block;margin:1.176rem 0 .471rem;font-size:.92rem;font-weight:600;color:var(--text-main)}#profile-settings-section .inline-toggle{max-width:18.824rem}#progress-chart{width:100%;height:11.765rem;display:block;background:rgba(0,0,0,.18);border-radius:var(--radius-md)}.heatmap-keyboard{position:relative;width:100%;height:3.765rem;background:rgba(0,0,0,.18);border-radius:var(--radius-md);overflow:hidden}.streak-calendar{display:flex;gap:3px;overflow-x:auto;padding-bottom:4px}.streak-week{display:flex;flex-direction:column;gap:3px}.streak-day{width:.706rem;height:.706rem;border-radius:3px;background:rgba(255,255,255,.08)}.streak-day.active{background:var(--success)}.streak-day.future{background:0 0}.heatmap-key{position:absolute;top:0;box-sizing:border-box;border:1px solid rgba(0,0,0,.4);background-color:rgba(255,255,255,.18);transition:background-color .2s ease}.heatmap-key.white{height:100%;z-index:1}.heatmap-key.black{height:62%;z-index:2;background-color:rgba(0,0,0,.55)}.profile-backup-actions{display:flex;gap:.588rem;flex-wrap:wrap}.profile-backup-actions .secondary-btn{width:auto;flex:1;min-width:10.588rem}#import-data-input[hidden]{display:none}#view-play.active{overflow-y:auto}@media (max-height:720px){header{padding:.471rem 1.412rem}header h1{font-size:1.1rem}.nav-btn{padding:.353rem .941rem}#play-topbar{padding:.471rem 1.412rem}.transport-timeline{margin-top:.353rem}.freeplay-nav-tools{margin-top:.353rem;gap:.353rem}#play-hud{padding-top:.353rem}#view-select.active{padding:.471rem 0}.select-shell{padding:.941rem 1.412rem .824rem}.select-shell>.menu-subtitle{display:none}.menu-title{margin-bottom:.588rem}.dashboard{padding-top:1.059rem}}.dashboard-grid{align-items:stretch}@media (max-width:760px){header{flex-wrap:wrap;padding:.471rem .824rem;gap:.471rem .706rem}header h1{flex:1 1 0;font-size:1.05rem}#main-nav{order:3;flex:1 1 100%;gap:.353rem}.nav-btn{flex:1 1 0;padding:.412rem 4px;font-size:.8rem}#header-actions{gap:.588rem}.dashboard{width:100%;padding:.824rem .706rem 1.882rem}.dashboard-card,.dashboard-hero{padding:1.059rem}.dashboard-hero-btn{width:100%}.stats-row{flex-wrap:wrap}.card{padding:1.412rem 1.059rem;width:94%}.select-shell{width:calc(100% - .941rem);padding:.824rem .706rem .706rem}.menu-title{font-size:1.25rem}.mode-toggle-btn{padding:.471rem 4px;font-size:.82rem}.song-rows{grid-template-columns:1fr}.song-row-meta{display:none}.select-shell>.menu-subtitle{display:none}.free-play-toolbar{gap:.471rem}.free-play-toolbar .secondary-btn{padding:.588rem .706rem;font-size:.82rem}.free-play-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.353rem;margin-bottom:.588rem}.filter-btn{flex-shrink:0}.menu-grid{grid-template-columns:1fr}#play-topbar{padding:.471rem .706rem;gap:.353rem .588rem}#back-to-menu-btn{order:1}#exercise-status{order:2;flex:1 1 0;min-width:0;font-size:.85rem;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#transport-controls{order:3;flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.353rem}#keyboard-container{height:clamp(4.706rem,18vh,8.235rem)}#transport-controls #speed-select{margin-right:0;padding-right:0;border-right:none}.freeplay-nav-tools,.transport-timeline{margin-left:.706rem;margin-right:.706rem}#play-hud,.flashcards-hud{padding-left:.706rem;padding-right:.706rem}.flashcards-hud{flex-wrap:wrap;gap:.471rem .824rem}.flashcards-theory-prompt{font-size:2.6rem}.flashcards-gameover,.flashcards-setup{padding:1.294rem 1.059rem;width:92%;max-height:94%;overflow-y:auto}.modal-card{padding:1.412rem 1.059rem}.summary-actions{flex-direction:column}.toast{width:calc(100% - 1.412rem);bottom:.706rem}#badge-toast{right:.706rem;left:.706rem;top:5.647rem;text-align:center}}@media (max-width:420px){#hud-xp-text{display:none}}@media (hover:none){.profile-picker-delete-btn{opacity:.85}}:focus-visible{outline:2px solid var(--glow-blue-soft);outline-offset:2px}.key:focus-visible{outline:0}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}:root[data-theme=light] .inline-toggle,:root[data-theme=light] .mode-toggle{background:rgba(15,40,45,.08)}:root[data-theme=light] .flashcards-gameover,:root[data-theme=light] .flashcards-setup,:root[data-theme=light] .modal-card{--text-main:#ffffff;--text-secondary:rgba(255, 255, 255, 0.95);--text-muted:rgba(255, 255, 255, 0.88);--accent-text:#e1d0fb;--glow-text:#c2ecff;--star:#ffd166;--panel-bg:rgba(255, 255, 255, 0.12);--panel-border:rgba(255, 255, 255, 0.30)}:root[data-theme=light] .badge-chip.unlocked,:root[data-theme=light] .profile-badge-card.unlocked{background-color:var(--accent);border-color:var(--accent-dark)}:root[data-theme=light] .profile-badge-card.unlocked .profile-badge-card-desc{color:#fff}.summary-analysis{text-align:left;margin-bottom:1.059rem}.summary-analysis h3{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;text-align:center;margin-bottom:.588rem}.measure-strip{display:flex;flex-wrap:wrap;gap:3px}.measure-cell{flex:1 1 0.529rem;min-width:.471rem;max-width:1.647rem;height:1.294rem;border-radius:4px;background:var(--success)}.measure-cell.ok{background:#f2b134}.measure-cell.bad{background:var(--danger)}:root[data-colorblind=true] .measure-cell.ok{background:#f0e442}.measure-strip-legend{display:flex;justify-content:space-between;margin-top:4px;font-size:.82rem;color:var(--text-muted)}.summary-analysis-text{margin-top:.588rem;font-size:.88rem;line-height:1.45;color:var(--text-secondary)}.summary-practice-btn{margin-top:.706rem}.mastery-panel{display:flex;flex-wrap:wrap;align-items:center;gap:.588rem 1.059rem;margin:.588rem 1.765rem 0;padding:.588rem .941rem;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);flex-shrink:0}.mastery-panel-main{display:flex;flex-direction:column;gap:2px;flex:1 1 16.471rem;min-width:0}.mastery-panel-title{font-weight:700;font-size:.95rem}.mastery-panel-title span{font-weight:500;color:var(--text-secondary)}.mastery-panel-message{font-size:.85rem;color:var(--text-secondary);line-height:1.35}.mastery-panel-speed{display:flex;align-items:center;gap:.588rem;flex:1 1 15.294rem}.mastery-track{flex:1;height:.471rem;background:rgba(255,255,255,.18);border-radius:58.765rem;overflow:hidden}.mastery-fill{height:100%;width:0;background:linear-gradient(90deg,var(--glow-blue),var(--success));border-radius:58.765rem;transition:width .3s ease}.mastery-speed-text{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.mastery-stop-btn{width:auto;padding:.471rem 1.059rem}@media (max-width:760px){.mastery-panel{margin:.471rem .706rem 0}.mastery-speed-text{white-space:normal}}.dashboard-repere{justify-content:center;gap:4px;padding:1.176rem}.dashboard-repere-value{font-size:1rem;color:var(--text-secondary)}.dashboard-repere-value strong{font-size:2.2rem;font-weight:700;color:var(--text-main);margin-right:4px}.dashboard-repere-sub{font-size:.85rem;color:var(--text-secondary)}.dashboard-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:.941rem;flex-wrap:wrap}.dash-edit-btn{width:auto;flex-shrink:0;padding:.588rem 1.059rem}.dash-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;gap:.941rem;align-items:stretch}.dash-cell{position:relative;display:flex;min-width:0}.dash-cell[data-size="s"]{grid-column:span 1}.dash-cell[data-size="m"]{grid-column:span 2}.dash-cell[data-size="l"]{grid-column:span 4}.dash-cell:has(> [hidden]:not(.dash-tools)){display:none}.dash-cell>:not(.dash-tools){flex:1;min-width:0;margin:0!important}@media (max-width:900px){.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-cell[data-size="l"]{grid-column:span 2}}@media (max-width:560px){.dash-grid{grid-template-columns:minmax(0,1fr)}.dash-cell[data-size]{grid-column:span 1}}.dash-edit-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.706rem 1.176rem;margin-bottom:.941rem;padding:.824rem 1.059rem;border-radius:var(--radius-md);background:rgba(139,89,201,.3);border:1px solid var(--accent-soft)}.dash-edit-hint{flex:1 1 100%;font-size:.95rem;line-height:1.45}.dash-edit-tray{display:flex;flex-wrap:wrap;align-items:center;gap:.471rem;flex:1 1 18.824rem}.dash-edit-tray-label{font-size:.9rem;font-weight:600}.dash-hidden-tray{display:inline-flex;flex-wrap:wrap;gap:.471rem}.dash-edit-tray-none{color:var(--text-secondary);font-size:.85rem;font-style:italic}.dash-chip{padding:.353rem .824rem;border-radius:58.765rem;background:var(--panel-bg-strong);border:1px solid var(--panel-border);color:var(--text-main);font:inherit;font-size:.88rem;cursor:pointer}.dash-chip:hover{background:var(--accent);border-color:var(--accent-soft)}.dash-edit-actions{display:flex;gap:.588rem}.dash-edit-actions .primary-btn,.dash-edit-actions .secondary-btn{width:auto;padding:.588rem 1.176rem}.dash-tools{display:none}.dash-grid.editing .dash-cell{cursor:grab;border-radius:var(--radius-lg);outline:2px dashed var(--accent-soft);outline-offset:3px}.dash-grid.editing .dash-cell.dragging{opacity:.45;cursor:grabbing}.dash-grid.editing .dash-cell>:not(.dash-tools){pointer-events:none;opacity:.75}.dash-grid.editing .dash-tools{position:absolute;z-index:3;top:.471rem;left:.471rem;right:.471rem;display:flex;align-items:center;gap:.353rem;padding:5px .471rem;border-radius:58.765rem;background:rgba(15,47,64,.94);border:1px solid var(--accent-soft);box-shadow:0 4px 14px rgba(0,0,0,.35)}.dash-grid.editing .dash-cell>:not(.dash-tools){padding-top:3.294rem!important}.dash-grid.editing .dash-cell[data-size="s"] .dash-tools{flex-wrap:wrap;justify-content:center;border-radius:.941rem}.dash-grid.editing .dash-cell[data-size="s"] .dash-tools-title{display:none}.dash-handle{font-size:1.2rem;line-height:1;cursor:grab;padding:0 4px}.dash-tools-title{flex:1;min-width:0;font-size:.85rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-tools button{min-width:1.765rem;height:1.647rem;padding:0 .471rem;border-radius:58.765rem;border:1px solid var(--panel-border);background:var(--panel-bg-strong);color:var(--text-main);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.dash-tools button:hover{background:var(--accent)}.dash-stat-card{gap:.706rem}.dash-stat-card h3{margin-bottom:0}.dash-stat-body{display:flex;flex-direction:column;gap:.706rem}.dash-stat-row{display:flex;gap:.588rem}.dash-stat{flex:1;display:flex;flex-direction:column;min-width:0}.dash-stat strong{font-size:1.45rem;font-weight:700;line-height:1.15}.dash-stat span{font-size:.8rem;color:var(--text-secondary)}.dash-chart{width:100%;height:6.471rem;display:block;background:rgba(0,0,0,.15);border-radius:var(--radius-sm)}.dash-note{font-size:.82rem;color:var(--text-secondary)}.dash-bars{display:flex;align-items:flex-end;gap:4px;height:6.471rem;padding:4px;background:rgba(0,0,0,.15);border-radius:var(--radius-sm)}.dash-bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;min-width:0}.dash-bar{width:100%;background:linear-gradient(to top,var(--glow-blue),var(--glow-blue-soft));border-radius:4px 4px 0 0}.dash-bar-col span{font-size:.7rem;color:var(--text-secondary)}.dash-prog-row{display:flex;flex-direction:column;gap:5px}.dash-prog-head{display:flex;justify-content:space-between;gap:.588rem;font-size:.9rem}.dash-prog-head span{color:var(--text-secondary)}.dash-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.824rem,1fr));gap:.824rem}.dash-sub{display:block;margin-bottom:.353rem;font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.dash-chips{display:flex;flex-wrap:wrap;gap:.353rem}.dash-chip-note{padding:4px .588rem;border-radius:58.765rem;background:var(--panel-bg-strong);font-size:.88rem;font-weight:700}.dash-chip-note em{font-style:normal;font-weight:500;color:var(--text-secondary)}.dash-list{list-style:none;display:flex;flex-direction:column;gap:4px}.dash-list li{display:flex;justify-content:space-between;gap:.588rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:.9rem}.dash-list li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.dash-list li:last-child{border-bottom:none}.dash-heatmap{margin:0}.dashboard-goal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.941rem 1.647rem;background:var(--panel-bg);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:1.176rem 1.412rem;margin-bottom:1.412rem;box-shadow:0 12px 40px rgba(10,30,40,.2)}.dashboard-goal-info{flex:1 1 18.824rem;min-width:0}.dashboard-goal-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px .706rem;margin:2px 0 .588rem}.dashboard-goal-line strong{font-size:1.25rem;font-weight:700}.dashboard-goal-status{font-size:.88rem;color:var(--text-secondary)}.goal-week{display:flex;gap:.471rem;margin-top:.706rem}.goal-day{display:flex;flex-direction:column;align-items:center;gap:4px;width:1.647rem}.goal-day-bar{position:relative;display:flex;align-items:flex-end;width:100%;height:2rem;background:rgba(255,255,255,.12);border-radius:.353rem;overflow:hidden}.goal-day-bar>span{display:block;width:100%;background:var(--glow-blue);border-radius:.353rem}.goal-day.reached .goal-day-bar>span{background:var(--success)}.goal-day.today .goal-day-bar{outline:2px solid var(--accent-soft);outline-offset:1px}.goal-day-label{font-size:.82rem;color:var(--text-secondary);text-transform:uppercase}.dashboard-goal-choice{flex:1 1 100%}.goal-choice-label{cursor:pointer;font-size:.85rem;font-weight:600;color:var(--accent-text);margin-bottom:.471rem}.goal-choices .inline-toggle-btn{padding:.471rem .706rem}.summary-goal{margin:-.353rem 0 .941rem;padding:.471rem .706rem;border-radius:var(--radius-md);background:rgba(139,89,201,.28);border:1px solid var(--accent-soft);font-size:.9rem;font-weight:600;color:#fff}.flashcards-theory-prompt.flashcards-theory-prompt-medium{font-size:2.6rem;text-align:center;padding:0 1.412rem;line-height:1.15}@media (max-width:760px){.dashboard-goal{padding:1.059rem}.flashcards-theory-prompt.flashcards-theory-prompt-medium{font-size:1.7rem}}.dashboard-daily-row{display:flex;flex-wrap:wrap;gap:1.176rem;margin-bottom:1.412rem}.dashboard-daily-row>.dashboard-card{flex:1 1 15.294rem;margin-bottom:0}.dashboard-chest-text{margin:2px 0 .706rem;color:var(--text-secondary);font-size:.9rem}.dashboard-chest-card.opened .dashboard-chest-text{color:var(--star);font-weight:600}.streak-reminder-banner{display:flex;align-items:center;justify-content:space-between;gap:.706rem;background:rgba(255,204,0,.12);border:1px solid var(--star);border-radius:.706rem;padding:.588rem .941rem;margin-bottom:1.176rem;font-size:.88rem}.banner-dismiss-btn{background:0 0;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;line-height:1;padding:4px}#resume-position-banner .secondary-btn{width:auto;padding:.353rem .824rem}.resume-position-actions{display:flex;align-items:center;gap:.471rem;flex-shrink:0}.dashboard-challenge-text{font-size:1.05rem;font-weight:600;margin:2px 0 .588rem}.dashboard-challenge-foot{display:flex;justify-content:space-between;align-items:baseline;gap:.706rem;font-size:.85rem;color:var(--text-secondary)}.dashboard-challenge-progress{font-weight:700;color:var(--text-main)}.dashboard-challenge-card.done{border-color:var(--star)}.dashboard-challenge-card.done .dashboard-challenge-xp{color:var(--star);font-weight:700}#staff-svg .ann,#staff-svg .fing{display:none}.show-annotations #staff-svg .ann,.show-fingering-score #staff-svg .fing{display:inline}.fingering-toggle{align-items:center}.fingering-toggle-label{padding:0 .353rem 0 .588rem;font-size:.8rem;font-weight:700;color:#fff;white-space:nowrap}.key-finger{display:none;position:absolute;left:50%;bottom:1.647rem;transform:translateX(-50%);min-width:1.294rem;height:1.294rem;padding:0 4px;box-sizing:border-box;align-items:center;justify-content:center;border-radius:58.765rem;background:#1f4fbf;color:#fff;font-size:.85rem;font-weight:800;line-height:1;box-shadow:0 0 0 2px rgba(255,255,255,.9);pointer-events:none;z-index:3}.key.black .key-finger{bottom:1.294rem}.key-finger[data-hand="L"]{background:#c2570c}.show-fingering-keyboard .key.target .key-finger:not(:empty){display:flex}.cascade-finger{display:none;position:absolute;left:50%;bottom:2px;transform:translateX(-50%);font-size:.82rem;font-weight:800;color:#16161e;pointer-events:none}.show-fingering-keyboard .cascade-finger{display:block}.cascade-bar.target .cascade-finger{color:#fff}#staff-svg .ped{display:none}.show-pedal #staff-svg .ped{display:inline}.pedal-hint{display:none;position:absolute;top:.588rem;right:.824rem;z-index:5;padding:.353rem .824rem;border-radius:58.765rem;font-size:.9rem;font-weight:700;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.25)}.show-pedal .pedal-hint:not(:empty){display:block}.pedal-hint.down{background:#1e8e3e;color:#fff}.pedal-hint.up{background:#e6e1d3;color:#4a4536}.pedal-hint.off{background:rgba(0,0,0,.45);color:#fff}#play-hud .hud-expr{color:var(--info);font-style:italic;font-weight:600}.rewind-notice{display:none;position:absolute;top:.588rem;left:50%;transform:translateX(-50%);z-index:6;max-width:min(92%,44.706rem);padding:.471rem 1.059rem;border-radius:58.765rem;background:#b3261e;color:#fff;font-size:.9rem;font-weight:700;text-align:center;pointer-events:none;box-shadow:0 2px 10px rgba(0,0,0,.3)}.rewind-notice.show{display:block}.flashcards-count{font-size:1.05rem;color:var(--text-secondary);white-space:nowrap}.flashcards-count strong{color:var(--text-main)}.flashcards-gain{min-width:9ch;font-size:.95rem;font-weight:700;color:var(--success);white-space:nowrap;opacity:0}.flashcards-gain.flashcards-gain-pop{animation:flashcards-gain-pop 1.6s ease-out forwards}@keyframes flashcards-gain-pop{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:translateY(0)}70%{opacity:1}100%{opacity:0}}:root{--tier-0:#c98545;--tier-1:#b9c4d0;--tier-2:#f0c53d;--tier-3:#79d7dc;--tier-4:#62b4ff;--tier-5:#c98bff}.quests-shell{width:var(--page-w);margin:0 auto;padding:1.412rem 1.176rem 2.353rem}.quests-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.176rem;margin-top:1.059rem}.quests-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:1.059rem;padding:1.059rem 1.176rem .941rem;backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur)}.quests-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:.706rem}.quests-panel-head h3{margin:0;font-size:1.15rem}.quests-panel-summary{font-weight:700;color:var(--star)}.quests-panel-reset{margin:4px 0 .706rem;font-size:.8rem;color:var(--text-secondary)}.quests-panel-season{grid-column:1/-1}.season-pass-track{display:flex;flex-wrap:wrap;gap:.588rem}.season-tier{flex:1;min-width:5.294rem;text-align:center;padding:.471rem .353rem;border-radius:.588rem;border:1px solid var(--panel-border);font-size:.82rem;color:var(--text-secondary)}.season-tier.on{border-color:var(--star);color:var(--text-main);background:rgba(255,204,0,.08)}.season-tier-xp{display:block;font-weight:700;margin-bottom:2px}.quests-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.471rem}.quest-row{display:grid;grid-template-columns:1.647rem minmax(0,1fr) auto auto;align-items:center;gap:.588rem;padding:.529rem .706rem;border-radius:.706rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.quest-row.done{background:rgba(46,160,90,.2);border-color:rgba(76,200,120,.55)}.quest-icon{font-size:1.15rem;text-align:center}.quest-main{min-width:0}.quest-text{display:block;font-size:.92rem;font-weight:600;color:var(--text-main)}.quest-track{margin-top:5px;height:.353rem;border-radius:58.765rem;background:rgba(255,255,255,.16);overflow:hidden}.quest-fill{height:100%;border-radius:58.765rem;background:linear-gradient(90deg,var(--info),var(--success))}.quest-row.done .quest-fill{background:var(--success)}.quest-count{font-size:.85rem;font-weight:700;color:var(--text-main);white-space:nowrap}.quest-xp{font-size:.82rem;font-weight:700;color:var(--star);white-space:nowrap}.quests-bonus{margin:.706rem 0 0;font-size:.85rem;font-weight:700;color:var(--text-secondary)}.quests-bonus.quest-bonus-claimed{color:var(--success)}.dashboard-quests-mini{display:flex;align-items:center;justify-content:space-between;gap:.941rem;flex-wrap:wrap;margin:0 0 1.059rem;padding:.824rem 1.176rem;border-radius:.941rem;background:var(--panel-bg);border:1px solid var(--panel-border)}.dashboard-quests-line{display:flex;gap:1.529rem;flex-wrap:wrap;margin-top:4px;font-size:1rem}.dashboard-quests-line strong{color:var(--star)}.summary-quests{margin-top:.824rem}.summary-quests h3{margin:0 0 .353rem}.summary-quests-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.summary-quests-list li{display:flex;justify-content:space-between;gap:.706rem;padding:.353rem .588rem;border-radius:.588rem;background:rgba(46,160,90,.2);font-size:.88rem}.summary-quests-list strong{color:var(--star);white-space:nowrap}.badge-families{display:grid;grid-template-columns:repeat(auto-fill,minmax(17.059rem,1fr));gap:.706rem;margin:.588rem 0 1.176rem}.badge-family{padding:.706rem .824rem;border-radius:.824rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);--tier-color:rgba(255, 255, 255, 0.5)}.badge-family.tier-0{--tier-color:var(--tier-0)}.badge-family.tier-1{--tier-color:var(--tier-1)}.badge-family.tier-2{--tier-color:var(--tier-2)}.badge-family.tier-3{--tier-color:var(--tier-3)}.badge-family.tier-4{--tier-color:var(--tier-4)}.badge-family.tier-5{--tier-color:var(--tier-5)}.badge-family.tier-none{--tier-color:rgba(255, 255, 255, 0.35)}.badge-family.maxed{border-color:var(--tier-color);box-shadow:0 0 14px rgba(255,255,255,.12)}.badge-family-head{display:flex;align-items:center;gap:.588rem}.badge-family-icon{flex:0 0 auto;width:2rem;height:2rem;padding:.353rem;box-sizing:border-box;border-radius:50%;color:#16161e;background:var(--tier-color)}.badge-family-icon svg{width:100%;height:100%}.badge-family-title{flex:1;min-width:0;display:flex;flex-direction:column}.badge-family-name{font-weight:700;font-size:.95rem}.badge-family-tier{font-size:.82rem;font-weight:700;color:var(--tier-color)}.badge-family-pips{display:flex;gap:3px}.badge-family-pip{width:.529rem;height:.529rem;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);box-sizing:border-box}.badge-family-pip.tier-0.on{background:var(--tier-0);border-color:var(--tier-0)}.badge-family-pip.tier-1.on{background:var(--tier-1);border-color:var(--tier-1)}.badge-family-pip.tier-2.on{background:var(--tier-2);border-color:var(--tier-2)}.badge-family-pip.tier-3.on{background:var(--tier-3);border-color:var(--tier-3)}.badge-family-pip.tier-4.on{background:var(--tier-4);border-color:var(--tier-4)}.badge-family-pip.tier-5.on{background:var(--tier-5);border-color:var(--tier-5)}.level-ladder-scroll{max-height:18.824rem;overflow-y:auto;border:1px solid var(--panel-border);border-radius:var(--radius-md)}.level-ladder-row{display:flex;align-items:center;justify-content:space-between;gap:.588rem;padding:.412rem .824rem;border-bottom:1px solid var(--panel-border);opacity:.55;font-size:.88rem}.level-ladder-row:last-child{border-bottom:none}.level-ladder-row.claimed{opacity:1}.level-ladder-row.milestone{font-weight:700}.level-ladder-row.milestone .level-ladder-reward{color:var(--star)}.level-ladder-row.current{background:rgba(155,107,214,.22);opacity:1;border-left:3px solid var(--accent-soft)}.level-ladder-num{flex:0 0 5.294rem}.level-ladder-reward{flex:1;text-align:center}.level-ladder-xp{flex:0 0 5.294rem;text-align:right;color:var(--text-secondary);font-size:.8rem}.badge-family-track{margin-top:.529rem;height:.412rem;border-radius:58.765rem;background:rgba(255,255,255,.16);overflow:hidden}.badge-family-fill{height:100%;border-radius:58.765rem;background:var(--tier-color)}.badge-family-foot{display:flex;justify-content:space-between;gap:.471rem;margin-top:5px;font-size:.82rem;color:var(--text-secondary)}.profile-badge-card.tier-0{border-color:var(--tier-0)}.profile-badge-card.tier-1{border-color:var(--tier-1)}.profile-badge-card.tier-2{border-color:var(--tier-2)}.profile-badge-card.tier-3{border-color:var(--tier-3)}.profile-badge-card.tier-4{border-color:var(--tier-4)}.profile-badge-card.tier-5{border-color:var(--tier-5)}@media (max-width:900px){.quests-grid{grid-template-columns:1fr}.quest-row{grid-template-columns:1.412rem minmax(0,1fr) auto}.quest-xp{display:none}}.dashboard-quests-btn{width:auto;padding:.471rem 1.176rem}.hand-colors .key.target[data-hand="R"]:not(.correct):not(.wrong){background:linear-gradient(180deg,#9cc4ff,#2f6fe0);box-shadow:0 0 16px rgba(47,111,224,.85)}.hand-colors .key.target[data-hand="L"]:not(.correct):not(.wrong){background:linear-gradient(180deg,#ffcf94,#e0762a);box-shadow:0 0 16px rgba(224,118,42,.85)}.hand-colors .cascade-bar[data-hand="R"]{background:rgba(120,170,255,.85);border-color:rgba(190,215,255,.9)}.hand-colors .cascade-bar[data-hand="L"]{background:rgba(255,176,108,.88);border-color:rgba(255,220,185,.9)}.hand-colors .cascade-bar.target[data-hand="R"]{background:#2f6fe0;border-color:#b9d3ff;box-shadow:0 0 12px rgba(47,111,224,.8)}.hand-colors .cascade-bar.target[data-hand="L"]{background:#e0762a;border-color:#ffdcb9;box-shadow:0 0 12px rgba(224,118,42,.8)}.hand-colors .hand-filter-btn[data-hand=left]::before,.hand-colors .hand-filter-btn[data-hand=right]::before{content:'';display:inline-block;width:.471rem;height:.471rem;margin-right:5px;border-radius:50%;vertical-align:1px}.hand-colors .hand-filter-btn[data-hand=left]::before{background:#ff9a4a}.hand-colors .hand-filter-btn[data-hand=right]::before{background:#5b98ff}.level-theory-card{background:rgba(155,107,214,.14);border:1px solid var(--accent-soft);border-radius:var(--radius-md);padding:.941rem 1.059rem;margin-top:.706rem;text-align:left}.level-theory-concept{margin:0 0 .353rem;color:var(--accent-text);font-size:.95rem;font-weight:700}.level-theory-text{margin:0;color:var(--text-main);font-size:.88rem;line-height:1.5}.level-theory-points{margin:.588rem 0 0;padding-left:1.176rem;color:var(--text-secondary);font-size:.82rem;line-height:1.5}.theory-solfege-link{margin-top:.824rem}.level-theory-points li{margin-bottom:3px}.theory-modal-card{position:relative;text-align:left;width:min(32.941rem,92%)}.theory-modal-card h2{text-align:left;margin:4px 1.647rem .588rem 0}.theory-modal-text{color:var(--text-main);font-size:.92rem;line-height:1.55;margin:0 0 4px}#solfege-level-filter{margin-bottom:1.059rem}.level-badge-debutant{background:#7fd8a0}.level-badge-intermediaire{background:#fc6}.level-badge-avance{background:#ff8f7f}.solfege-diagram-card{background:#fdfbf6;border-radius:var(--radius-md);padding:.824rem .588rem .353rem;margin-bottom:.824rem;text-align:center}.solfege-diagram-card:empty{display:none}.solfege-diagram-svg{display:block;margin:0 auto;max-width:100%;height:auto}.solfege-diagram-caption{margin:4px 4px .353rem;font-size:.92rem;font-style:italic;color:#55606a}.solfege-lesson{padding-bottom:1.412rem;margin-top:0;padding-top:.471rem;border-top:none}#view-solfege:has(#solfege-lesson-panel:not([hidden])) :is(.menu-title,.menu-subtitle,#solfege-progress-summary,#solfege-level-filter){display:none}.lesson-steps-bar{display:flex;gap:.353rem;max-width:58.824rem;margin:.824rem auto 1.059rem}.lesson-seg{flex:1;height:.471rem;border-radius:58.765rem;background:rgba(255,255,255,.2);transition:background .25s ease}.lesson-seg.done{background:var(--glow-blue)}.lesson-seg.current{background:var(--accent-soft)}.lesson-seg.ok{background:var(--success)}.lesson-seg.ko{background:var(--danger)}.lesson-step{max-width:58.824rem;margin:0 auto;display:flex;flex-direction:column;gap:.824rem;animation:lesson-in .3s ease both}@keyframes lesson-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.lesson-kicker{align-self:flex-start;padding:4px .824rem;border-radius:58.765rem;background:rgba(139,89,201,.45);border:1px solid var(--accent-soft);font-size:.9rem;font-weight:700}.lesson-concept{font-size:1.45rem;font-weight:700;line-height:1.3}.lesson-text p{max-width:78ch;font-size:1.08rem;line-height:1.75;margin-bottom:.706rem}.lesson-kw{padding:0 5px;border-radius:.353rem;background:rgba(255,209,102,.22);color:var(--star);font-weight:700}.lesson-points{list-style:none;display:flex;flex-direction:column;gap:.706rem}.lesson-point{display:flex;align-items:center;gap:.824rem;padding:.941rem 1.059rem;border-radius:var(--radius-md);background:var(--panel-bg);border:1px solid var(--panel-border);font-size:1.15rem;line-height:1.45;animation:lesson-in .4s ease both;animation-delay:calc(var(--i) * .18s)}.lesson-point-mark{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--success);color:#fff;font-weight:700}.lesson-question{font-size:1.4rem;font-weight:700;line-height:1.35}.lesson-choices{display:flex;flex-direction:column;gap:.588rem}.lesson-choice{display:flex;align-items:center;gap:.824rem;width:100%;padding:.824rem .941rem;border-radius:var(--radius-md);background:var(--panel-bg);border:2px solid var(--panel-border);color:var(--text-main);font:inherit;font-size:1.05rem;text-align:left;cursor:pointer;transition:var(--transition-ui)}.lesson-choice:hover:not(:disabled){background:var(--panel-bg-strong);border-color:var(--accent-soft);transform:translateX(3px)}.lesson-choice:disabled{cursor:default}.lesson-choice-letter{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.882rem;height:1.882rem;border-radius:50%;background:rgba(255,255,255,.16);font-weight:700}.lesson-choice.correct{background:rgba(76,175,80,.3);border-color:var(--success);font-weight:700}.lesson-choice.correct .lesson-choice-letter{background:var(--success);color:#fff}.lesson-choice.wrong{background:rgba(239,83,80,.25);border-color:var(--danger);animation:lesson-shake .35s ease}.lesson-choice.wrong .lesson-choice-letter{background:var(--danger);color:#fff}@keyframes lesson-shake{25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}.lesson-feedback{padding:.706rem .941rem;border-radius:var(--radius-md);font-size:1.1rem;font-weight:700}.lesson-feedback.good{background:rgba(76,175,80,.25)}.lesson-feedback.bad{background:rgba(239,83,80,.22)}.lesson-nav{display:flex;justify-content:space-between;align-items:center;gap:.706rem;max-width:58.824rem;margin:1.176rem auto 0;position:sticky;bottom:0;z-index:2;padding:.706rem .824rem;border-radius:var(--radius-md);background:#0f2f40;border:1px solid var(--panel-border);box-shadow:0 -6px 16px rgba(0,0,0,.25)}.lesson-nav[hidden]{display:none}.lesson-nav .secondary-btn{width:auto;padding:.706rem 1.294rem}.lesson-nav .secondary-btn[hidden]{display:none}.lesson-nav .primary-btn{width:auto;margin-left:auto;padding:.824rem 1.882rem;font-size:1.05rem}.lesson-nav .primary-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.lesson-result{position:relative;display:flex;flex-direction:column;align-items:center;gap:.588rem;padding:.588rem 0 4px;text-align:center;overflow:hidden}.lesson-result-stars{display:flex;gap:.588rem;font-size:3.4rem;line-height:1}.lesson-star{color:rgba(255,255,255,.25)}.lesson-star.on{color:var(--star);text-shadow:0 0 18px rgba(255,209,102,.7);animation:lesson-star-pop .5s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--i) * .22s)}@keyframes lesson-star-pop{from{transform:scale(0) rotate(-40deg);opacity:0}to{transform:none;opacity:1}}.lesson-result-score{font-size:1.2rem;color:var(--text-secondary)}.lesson-result-xp{font-size:1.15rem;font-weight:700;color:var(--star)}.lesson-result-actions{display:flex;flex-direction:column;gap:.588rem;width:min(22.353rem,100%);margin-top:.471rem}.lesson-result-actions .primary-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.824rem 1.176rem;font-size:1.1rem}.lesson-result-actions .primary-btn small{font-size:.82rem;font-weight:500;opacity:.9}.lesson-confetti{position:absolute;inset:0;pointer-events:none}.lesson-confetti i{position:absolute;top:-.706rem;left:var(--x);width:.529rem;height:.824rem;border-radius:2px;background:hsl(var(--h),85%,62%);animation:lesson-confetti 2.2s ease-in var(--d) both}@keyframes lesson-confetti{to{transform:translateY(420px) rotate(540deg);opacity:0}}@media (prefers-reduced-motion:reduce){.lesson-confetti{display:none}}.course-card-icon{margin-right:.471rem}.minigame-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(11.765rem,1fr));gap:.706rem;margin-bottom:.471rem}.minigame-card{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.824rem;row-gap:2px;background:rgba(155,107,214,.12);border:1px solid var(--accent-soft);border-radius:var(--radius-md);padding:.824rem .941rem;text-align:left;color:var(--text-main);font:inherit;cursor:pointer;transition:var(--transition-ui)}.minigame-card:hover{background:rgba(155,107,214,.22)}.minigame-card-icon{grid-row:1/span 3;font-size:2rem}.minigame-card-title{font-weight:700;font-size:1.15rem}.minigame-card-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.minigame-card-best{font-size:.82rem;color:var(--star);font-weight:600}.flashcards-timer{font-variant-numeric:tabular-nums;font-weight:700}#noterush-container{flex:1;position:relative;overflow:hidden;background:linear-gradient(160deg,#16324d 0,#1a6f82 45%,#12a397 80%,#1bb6a4 100%)}#noterush-container[hidden]{display:none}#noterush-lane{position:absolute;inset:0}#noterush-hitline{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--glow-blue);box-shadow:0 0 10px 2px rgba(41,182,246,.7);z-index:2}.noterush-bar.noterush-hit{background:var(--success);border-color:var(--success);box-shadow:0 0 14px rgba(76,175,80,.8);opacity:0;transition:opacity .15s ease}.noterush-bar.noterush-missed{background:var(--danger);border-color:var(--danger);opacity:0;transition:opacity .2s ease}.memo-board{--memo-card:clamp(4.2rem, min(15vw, 22vh), 11rem);flex:1;display:grid;grid-template-columns:repeat(4,var(--memo-card));justify-content:center;gap:clamp(.471rem,calc(var(--memo-card) * .1),.941rem);padding:.941rem;align-content:center;overflow-y:auto}.memo-card{width:var(--memo-card);height:var(--memo-card);font-size:calc(var(--memo-card) * .26);aspect-ratio:1;border-radius:var(--radius-md);background:var(--panel-bg-strong);border:1px solid var(--panel-border);display:flex;align-items:center;justify-content:center;padding:.353rem;cursor:pointer;transition:var(--transition-ui);font-weight:700;color:var(--text-main);text-align:center}.memo-card.memo-card-hidden{background:rgba(139,89,201,.28);color:transparent;font-size:calc(var(--memo-card) * .4)}.memo-card.memo-card-hidden::after{content:'?';color:var(--accent-text)}.memo-card.memo-card-matched{background:rgba(76,175,80,.18);border-color:var(--success);cursor:default}.memo-card svg{width:100%;height:auto;max-height:100%}@media (max-width:600px){.memo-board{grid-template-columns:repeat(3,var(--memo-card))}}:root:not([data-theme=light])[data-palette=aurore]{--bg-grad:linear-gradient(160deg, #2b1b4e 0%, #5a2d8a 40%, #c0467f 78%, #f08a5d 100%);--accent:#c2347f;--accent-soft:#f08fc0;--accent-dark:#9a2566;--accent-text:#ffd1e8}:root:not([data-theme=light])[data-palette=foret]{--bg-grad:linear-gradient(160deg, #10331f 0%, #1d6b3f 42%, #3f8f3a 75%, #7fb33a 100%);--accent:#c97a14;--accent-soft:#f6c26b;--accent-dark:#9a5a0c;--accent-text:#ffe2ad}:root:not([data-theme=light])[data-palette=crepuscule]{--bg-grad:linear-gradient(160deg, #2d1b3d 0%, #7a2f5a 40%, #d8563a 78%, #f2a13b 100%);--accent:#2f6fb8;--accent-soft:#8cc2f0;--accent-dark:#204f88;--accent-text:#cfe6ff}:root:not([data-theme=light])[data-palette=minuit]{--bg-grad:linear-gradient(160deg, #05060f 0%, #0c1a38 45%, #14305f 80%, #1d4d8a 100%);--accent:#6a4cf0;--accent-soft:#b3a2ff;--accent-dark:#4b32c0;--accent-text:#dcd3ff}:root:not([data-theme=light])[data-palette=or]{--bg-grad:linear-gradient(160deg, #14110a 0%, #2e2410 40%, #5a4519 78%, #8a6a22 100%);--accent:#8f6a0c;--accent-soft:#e8c25a;--accent-dark:#6b4e08;--accent-text:#ffeeb0}:root:not([data-theme=light])[data-palette=diamant]{--bg-grad:linear-gradient(160deg, #0d2b3a 0%, #1a6f8a 38%, #4fb6d4 75%, #7fd8ec 100%);--accent:#1578a8;--accent-soft:#8fdcf5;--accent-dark:#0f5a80;--accent-text:#d8f6ff}.hud-rank{font-weight:700;margin-right:2px}@keyframes hud-pulse{0%{box-shadow:inset 0 0 0 0 rgba(255,209,102,0)}35%{box-shadow:inset 0 -4px 14px 0 rgba(255,209,102,.55)}100%{box-shadow:inset 0 0 0 0 rgba(255,209,102,0)}}.xp-float{position:fixed;z-index:150;pointer-events:none;padding:3px .706rem;border-radius:58.765rem;background:var(--star);color:#1a1a1a;font-size:1rem;font-weight:800;box-shadow:0 4px 14px rgba(0,0,0,.35);animation:xp-float 1.8s ease-out forwards}@keyframes xp-float{0%{opacity:0;transform:translateY(8px) scale(.8)}15%{opacity:1;transform:translateY(0) scale(1.05)}75%{opacity:1}100%{opacity:0;transform:translateY(-14px)}}.dash-clickable{cursor:pointer}.lv-emblem{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.765rem;height:3.765rem;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.35),transparent 55%),var(--rank);border:3px solid rgba(255,255,255,.85);box-shadow:0 0 22px var(--rank)}.lv-emblem-lg{width:7.059rem;height:7.059rem;border-width:4px}.lv-emblem-icon{font-size:1.7rem;line-height:1}.lv-emblem-lg .lv-emblem-icon{font-size:3.2rem}.lv-emblem-level{position:absolute;right:-.353rem;bottom:-.353rem;min-width:1.765rem;padding:2px .412rem;border-radius:58.765rem;background:#0f2f40;border:2px solid var(--rank);color:#fff;font-size:.85rem;font-weight:800;text-align:center}.lv-emblem-lg .lv-emblem-level{font-size:1.15rem;min-width:2.588rem;right:-.471rem;bottom:-.471rem}.levelup-overlay{z-index:200;background-color:rgba(8,18,30,.78)}.levelup-card{position:relative;overflow:hidden;width:min(28.235rem,92%);max-height:92vh;overflow-y:auto;padding:2rem 1.765rem 1.647rem;border-radius:var(--radius-lg);background:var(--panel-bg-modal);border:2px solid var(--star);box-shadow:0 0 60px rgba(255,209,102,.35),0 20px 60px rgba(0,0,0,.5);text-align:center;animation:levelup-pop .5s cubic-bezier(.3,1.5,.5,1)}@keyframes levelup-pop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.levelup-emblem{display:flex;justify-content:center;margin-bottom:.941rem;animation:levelup-emblem 1.2s ease .2s both}@keyframes levelup-emblem{0%{transform:scale(.4) rotate(-25deg)}60%{transform:scale(1.18) rotate(6deg)}100%{transform:scale(1) rotate(0)}}.levelup-kicker{color:var(--star);font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.levelup-card h2{font-size:2.4rem;margin:2px 0 4px}.levelup-rank{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.824rem}.levelup-rewards{display:flex;flex-direction:column;gap:.471rem;margin-bottom:.706rem;text-align:left}.levelup-reward{display:flex;align-items:center;gap:.706rem;padding:.588rem .824rem;border-radius:var(--radius-md);background:rgba(255,209,102,.14);border:1px solid rgba(255,209,102,.5)}.levelup-reward-icon{font-size:1.7rem}.levelup-reward strong{display:block;font-size:1.05rem}.levelup-reward small{display:block;color:var(--text-secondary);font-size:.82rem}.levelup-boost{margin-bottom:.941rem;padding:.471rem .706rem;border-radius:58.765rem;background:rgba(255,255,255,.1);font-size:.92rem;font-weight:700}.levelup-actions{display:flex;gap:.588rem;flex-direction:column}.levelup-actions .primary-btn,.levelup-actions .secondary-btn{width:100%}.levelup-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.levelup-confetti i{position:absolute;top:-.824rem;left:var(--x);width:.529rem;height:.824rem;border-radius:2px;background:hsl(var(--h),85%,62%);animation:lesson-confetti 2.6s ease-in var(--d) both}@media (prefers-reduced-motion:reduce){.levelup-confetti{display:none}}#view-levels.active{align-items:stretch;justify-content:flex-start;overflow-y:auto}.levels-shell{flex-shrink:0;width:var(--page-w);margin:0 auto;padding:1.294rem 0 2.824rem;display:flex;flex-direction:column;gap:1.294rem}.lv-section{padding:1.176rem 1.294rem;border-radius:var(--radius-lg);background:var(--panel-bg);border:1px solid var(--panel-border)}.lv-title{font-size:1.2rem;margin-bottom:.824rem}.lv-title small{font-size:.82rem;font-weight:500;color:var(--text-secondary)}.lv-hero{display:flex;align-items:center;gap:1.647rem;flex-wrap:wrap;padding:1.529rem 1.647rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--rank) 38%,transparent),var(--panel-bg));border:2px solid var(--rank);box-shadow:0 0 36px color-mix(in srgb,var(--rank) 45%,transparent)}.lv-hero-emblem{position:relative;width:8.824rem;height:8.824rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.lv-hero-emblem svg{position:absolute;inset:0;width:100%;height:100%}.lv-ring-bg{fill:none;stroke:rgba(255,255,255,0.18);stroke-width:9}.lv-ring{fill:none;stroke:var(--rank);stroke-width:9;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--rank));transition:stroke-dashoffset .8s ease}.lv-hero-icon{font-size:3.4rem;line-height:1}.lv-hero-info{flex:1 1 20rem;min-width:0;display:flex;flex-direction:column;gap:.471rem}.lv-hero-rank{font-size:.95rem;font-weight:700;color:var(--rank)}.lv-hero-level{font-size:2.6rem;line-height:1.05}.lv-hero-bar{height:.824rem}.lv-hero-xp{font-size:1rem;color:var(--text-secondary)}.lv-hero-xp strong{color:var(--text-main)}.lv-next-reward{display:flex;gap:.588rem;align-items:flex-start;padding:.588rem .824rem;border-radius:var(--radius-md);background:rgba(255,209,102,.15);border:1px solid rgba(255,209,102,.5);font-size:.95rem;line-height:1.4}.lv-boosts{display:flex;flex-wrap:wrap;gap:.471rem}.lv-boost{padding:4px .706rem;border-radius:58.765rem;background:rgba(255,209,102,.22);border:1px solid rgba(255,209,102,.55);font-size:.88rem;font-weight:600}.lv-boost b{color:var(--star)}.lv-boost-total{background:var(--star);color:#1a1a1a;border-color:var(--star)}.lv-boost-total b{color:#1a1a1a}.lv-boost-none{background:var(--panel-bg);border-color:var(--panel-border);color:var(--text-secondary);font-weight:500}.lv-count{font-variant-numeric:tabular-nums;font-weight:800}.lv-boost-tips{font-size:.92rem;color:var(--text-secondary)}.lv-boost-tips summary{cursor:pointer;font-weight:700;color:var(--accent-text)}.lv-boost-tips ul{list-style:none;margin-top:.471rem;display:flex;flex-direction:column;gap:5px}.lv-ranks{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.824rem,1fr));gap:.588rem}.lv-rank{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.824rem .588rem;border-radius:var(--radius-md);background:var(--panel-bg);border:2px solid var(--panel-border);text-align:center}.lv-rank-icon{display:flex;align-items:center;justify-content:center;width:3.059rem;height:3.059rem;border-radius:50%;background:var(--rank);font-size:1.6rem;box-shadow:0 0 14px var(--rank)}.lv-rank small{color:var(--text-secondary);font-size:.8rem}.lv-rank .hud-xp-track{width:100%;height:.412rem}.lv-rank-current{border-color:var(--rank);background:color-mix(in srgb,var(--rank) 20%,transparent)}.lv-rank-locked{opacity:.55}.lv-rank-locked .lv-rank-icon{background:rgba(255,255,255,.14);box-shadow:none}.lv-soon{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.294rem,1fr));gap:.588rem}.lv-soon-card{display:flex;align-items:center;gap:.706rem;padding:.706rem .824rem;border-radius:var(--radius-md);background:var(--panel-bg);border:1px solid var(--panel-border)}.lv-soon-card>div{flex:1;min-width:0}.lv-soon-card strong{display:block}.lv-soon-card small{color:var(--text-secondary);font-size:.82rem}.lv-soon-lvl{text-align:right;font-weight:800;color:var(--star);white-space:nowrap}.lv-soon-lvl small{display:block;font-weight:500}.lv-swatch{flex-shrink:0;width:2.235rem;height:2.235rem;border-radius:.588rem;border:2px solid rgba(255,255,255,.6)}.lv-swatch-icon{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);font-size:1.3rem}.lv-swatch-frame{border-radius:50%;border-width:4px;background:0 0}.lv-shop-group{margin-bottom:1.059rem}.lv-shop-group:last-child{margin-bottom:0}.lv-shop-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px .706rem;margin-bottom:.471rem}.lv-shop-head span{color:var(--star);font-weight:700}.lv-shop-head small{flex:1 1 100%;color:var(--text-secondary);font-size:.85rem}.lv-shop-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(12.353rem,1fr));gap:.471rem}.lv-item{display:flex;align-items:center;gap:.706rem;padding:.588rem .706rem;border-radius:var(--radius-md);background:var(--panel-bg);border:2px solid transparent;color:var(--text-main);font:inherit;text-align:left;cursor:pointer;transition:var(--transition-ui)}.lv-item:hover:not(:disabled){background:var(--panel-bg-strong);border-color:var(--accent-soft)}.lv-item.equipped{border-color:var(--success);background:rgba(76,175,80,.18)}.lv-item.locked{opacity:.55;cursor:not-allowed}.lv-item-name{flex:1;min-width:0;font-weight:600;font-size:.95rem}.lv-item-state{font-size:.8rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}.lv-item.equipped .lv-item-state{color:var(--success)}.lv-journal-stats{margin-bottom:.824rem;flex-wrap:wrap}.lv-journal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.294rem,1fr));gap:1.176rem}.lv-bars .dash-bar-col{position:relative}.lv-bar-val{font-size:.7rem;color:var(--text-secondary);min-height:.9em}.lv-sources{display:flex;flex-direction:column;gap:.529rem}.lv-ladder{max-height:22.353rem}.level-ladder-rank{position:sticky;top:0;z-index:1;padding:.353rem .824rem;background:color-mix(in srgb,var(--rank) 35%,#0f2f40);font-weight:800;font-size:.9rem}@media (max-width:700px){.lv-hero{padding:18px;gap:16px}.lv-hero-level{font-size:2rem}}.banner-classique{background:linear-gradient(135deg,#1c3d5e,#1a6f82)}.banner-vagues{background:repeating-radial-gradient(circle at 0 130%,transparent 0 14px,rgba(255,255,255,.16) 15px 16px),linear-gradient(135deg,#0e4d92,#1bb6e4)}.banner-partition{background:repeating-linear-gradient(to bottom,transparent 0 9px,rgba(255,255,255,.4) 9px 10px),linear-gradient(135deg,#27304a,#4c5a8f)}.banner-neon{background:linear-gradient(rgba(255,0,200,.4) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,rgba(0,220,255,.4) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(135deg,#1a0b3b,#4a0a6e)}.banner-coucher{background:linear-gradient(180deg,#2b1b4e 0,#d8563a 62%,#f2a13b 100%)}.banner-galaxie{background:radial-gradient(circle at 18% 30%,#fff 0 1px,transparent 2px),radial-gradient(circle at 72% 58%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 44% 82%,#cfe 0 1px,transparent 2px),radial-gradient(circle at 88% 20%,#fff 0 1px,transparent 2px),linear-gradient(135deg,#0b0f2e,#3a1d6e)}.banner-cristal{background:conic-gradient(from 45deg,#7fd8ec,#e8fbff,#4fb6d4,#c9f1ff,#7fd8ec)}.banner-braise{background:radial-gradient(circle at 30% 130%,#ffb020 0,transparent 62%),linear-gradient(135deg,#2b0a05,#a3270f)}.banner-borealis{background:linear-gradient(120deg,#0b2b3a,#16a085 40%,#7be0a8 62%,#6c5ce7)}.banner-royal{background:linear-gradient(135deg,#3a2a05,#c99a1e 50%,#3a2a05)}.banner-foudre{background:linear-gradient(135deg,#0b1030,#2f3fbf 55%,#c8d4ff)}.banner-legende{background:linear-gradient(135deg,#ffb020,#ff5d73,#b57bff,#4fd1c5,#ffb020) 0 0/300% 300%;animation:banner-shift 8s linear infinite}.banner-infini{background:conic-gradient(from 0deg,#ff5d73,#ffb020,#4fd1c5,#4da6ff,#b57bff,#ff5d73);animation:banner-spin-hue 10s linear infinite}@keyframes banner-shift{to{background-position:300% 300%}}@keyframes banner-spin-hue{to{filter:hue-rotate(360deg)}}@media (prefers-reduced-motion:reduce){.banner-infini,.banner-legende{animation:none}}.name-blanc{color:#fff}.name-or{color:#ffd54a}.name-cyan{color:#5ee7ff}.name-rose{color:#ff8fd0}.name-vert{color:#7dffa0}.name-arc,.name-cristal,.name-feu,.name-legende{color:transparent;-webkit-background-clip:text;background-clip:text}.name-arc{background-image:linear-gradient(90deg,#ff5d73,#ffb020,#7dff8a,#4da6ff,#b57bff)}.name-feu{background-image:linear-gradient(180deg,#fff2a8,#ffb020 45%,#ff4d2e)}.name-cristal{background-image:linear-gradient(90deg,#b9f3ff,#fff,#7fd8ec,#fff)}.name-legende{background-image:linear-gradient(90deg,#ffb020,#ff5d73,#b57bff,#4fd1c5,#ffb020);background-size:250% 100%;animation:name-shimmer 5s linear infinite}@keyframes name-shimmer{to{background-position:250% 0}}.player-card{position:relative;display:flex;align-items:center;gap:.588rem;min-width:14.706rem;max-width:25.294rem;padding:4px .824rem 4px .353rem;border-radius:.941rem;border:1px solid var(--panel-border);color:var(--text-main);font:inherit;line-height:1.2;text-align:left;cursor:pointer;overflow:hidden;background:rgba(8,40,56,.5);transition:var(--transition-ui)}.player-card:hover{border-color:var(--accent-soft)}.pc-banner{position:absolute;inset:0;z-index:0;opacity:.6}.player-card.pc-no-banner .pc-banner{display:none}.player-card::after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(8,24,36,.8),rgba(8,24,36,.5));pointer-events:none}.player-card>:not(.pc-banner){position:relative;z-index:1}.player-card.hud-pulse{animation:hud-pulse .9s ease}.pc-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.471rem;height:2.471rem;border-radius:50%;background:var(--accent);color:#fff;font-size:1.3rem;font-weight:700;line-height:1;box-shadow:0 0 0 3px var(--frame-color,transparent),0 0 12px var(--frame-color,transparent)}.pc-avatar-lg{width:4.471rem;height:4.471rem;font-size:2.3rem;box-shadow:0 0 0 4px var(--frame-color,transparent),0 0 18px var(--frame-color,transparent)}.frame-diamant,.frame-eternel,.frame-legende{animation:frame-glow 2.4s ease-in-out infinite}@keyframes frame-glow{50%{box-shadow:0 0 0 3px var(--frame-color),0 0 22px var(--frame-color)}}@media (prefers-reduced-motion:reduce){.frame-diamant,.frame-eternel,.frame-legende{animation:none}}.pc-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.pc-line1{display:flex;align-items:baseline;gap:.471rem;min-width:0}.pc-name{font-size:1rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-title{font-size:.78rem;font-weight:600;color:var(--accent-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-line2{display:flex;align-items:center;gap:.471rem}.pc-line2 #hud-level-text{font-size:.82rem;color:#fff}.pc-xp{display:flex;align-items:center;gap:.471rem}.pc-xp .hud-xp-track{display:block;flex:1;min-width:4.118rem;height:.412rem}.pc-xp .hud-xp-fill{display:block}.pc-xp #hud-xp-text{font-size:.72rem;color:rgba(255,255,255,.85);white-space:nowrap}.player-card.pc-no-xp-text #hud-xp-text{display:none}.pc-stats{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding-left:.588rem;border-left:1px solid rgba(255,255,255,.25)}.pc-stats:empty{display:none}.pc-chip{font-size:.78rem;white-space:nowrap}.pc-chip b{font-weight:800}.pc-badge{display:inline-flex;width:1.059rem;height:1.059rem}.pc-badge svg{width:100%;height:100%}.player-panel{position:fixed;z-index:130;top:4.588rem;right:.824rem;width:min(24.706rem,calc(100vw - 1.176rem));max-height:calc(100vh - 5.412rem);overflow-y:auto;border-radius:var(--radius-lg);background:var(--panel-bg-modal);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--panel-border);box-shadow:0 18px 50px rgba(0,0,0,.5);animation:modal-pop .2s ease}.player-panel[hidden]{display:none}.pp-banner{height:5.412rem}.pp-head{display:flex;align-items:center;gap:.824rem;padding:0 1.176rem;margin-top:-2.235rem}.pp-id{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:2.353rem}.pp-name{font-size:1.35rem;line-height:1.15;overflow:hidden;text-overflow:ellipsis}.pp-title{font-size:.88rem;font-weight:600;color:var(--accent-text)}.pp-rank{font-size:.9rem;font-weight:700}.pp-motto{padding:.471rem 1.176rem 0;font-style:italic;color:var(--text-secondary);font-size:.92rem}.pp-body{display:flex;flex-direction:column;gap:.588rem;padding:.706rem 1.176rem 1.059rem}.pp-xp{display:flex;align-items:center;gap:.588rem;font-size:.82rem;color:var(--text-secondary);white-space:nowrap}.pp-xp .hud-xp-track{flex:1;height:.588rem}.pp-boost,.pp-next{font-size:.88rem;padding:.353rem .706rem;border-radius:58.765rem;background:rgba(255,209,102,.16);border:1px solid rgba(255,209,102,.45)}.pp-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.941rem,1fr));gap:.471rem}.pp-stat{display:flex;flex-direction:column;align-items:center;gap:1px;padding:.471rem .353rem;border-radius:var(--radius-md);background:var(--panel-bg);text-align:center}.pp-stat strong{font-size:1.05rem}.pp-stat small{font-size:.74rem;color:var(--text-secondary)}.pp-showcase{display:flex;flex-wrap:wrap;gap:.471rem;padding:0 1.176rem}.pp-body .pp-showcase{padding:0}.pp-showcase-badge{display:flex;align-items:center;gap:.471rem;padding:.353rem .706rem;border-radius:58.765rem;background:var(--panel-bg);border:1px solid var(--star);font-size:.85rem}.pp-showcase-badge span{display:inline-flex;width:1.294rem;height:1.294rem}.pp-showcase-badge svg{width:100%;height:100%}.pp-about{font-size:.9rem;color:var(--text-secondary)}.pp-since{font-size:.8rem;color:var(--text-muted)}.pp-actions{display:flex;flex-direction:column;gap:.471rem}.pp-actions .primary-btn,.pp-actions .secondary-btn{width:100%;padding:.588rem .941rem}.pp-preview{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--panel-border);background:var(--panel-bg-modal);padding-bottom:.824rem;margin-bottom:.471rem}.pp-preview .pp-showcase{padding-top:.588rem}.ap-section{text-align:left;margin:1.294rem 0 .471rem}.ap-section h3{font-size:1.05rem;margin-bottom:.471rem}.ap-section h3 small{font-size:.82rem;font-weight:500;color:var(--text-secondary)}.ap-section label{margin-top:.588rem}.ap-bgs{display:flex;flex-wrap:wrap;gap:.471rem}.ap-bg{width:2.118rem;height:2.118rem;border-radius:50%;border:3px solid transparent;cursor:pointer}.ap-bg.equipped{border-color:#fff;box-shadow:0 0 10px rgba(255,255,255,.6)}.ap-badges,.ap-chips{display:flex;flex-wrap:wrap;gap:.471rem;margin:.353rem 0 .706rem}.ap-badge,.ap-chip{display:inline-flex;align-items:center;gap:.471rem;padding:.353rem .824rem;border-radius:58.765rem;border:2px solid var(--panel-border);background:var(--panel-bg);color:var(--text-main);font:inherit;font-size:.88rem;cursor:pointer;transition:var(--transition-ui)}.ap-badge span{display:inline-flex;width:1.176rem;height:1.176rem}.ap-badge svg{width:100%;height:100%}.ap-badge:hover,.ap-chip:hover{border-color:var(--accent-soft)}.ap-badge.equipped,.ap-chip.equipped{border-color:var(--success);background:rgba(76,175,80,.2);font-weight:700}.lv-swatch-banner{width:3.176rem;border-radius:.471rem}@media (min-width:761px) and (max-width:1900px){header{flex-wrap:wrap;row-gap:.353rem}.nav-btn{padding-top:.353rem;padding-bottom:.353rem}header h1{flex:1 1 auto}#header-actions{order:2}#main-nav{order:3;flex:1 1 100%}.nav-btn{flex:1 1 0;text-align:center}}@media (max-width:760px){.player-card{padding-right:8px}.pc-main,.pc-stats{display:none}}body{overflow-wrap:break-word}em,h1,h2,h3,h4,label,li,p,small,span,strong,summary,td,th{overflow-wrap:anywhere}header{flex-wrap:wrap;row-gap:.353rem}header h1{white-space:normal;overflow:visible;text-overflow:clip;min-width:0}.player-card{overflow:visible;max-width:min(100%,37.647rem);flex-wrap:nowrap}.pc-banner,.player-card::after{border-radius:inherit}.pc-main{flex:1 1 auto;min-width:0}.pc-line1,.pc-line2,.pc-xp{flex-wrap:wrap;row-gap:0}.pc-name,.pc-title{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.pc-xp .hud-xp-track{flex:1 1 4.118rem}.pc-chip{white-space:normal}.pc-stats{flex-shrink:0;max-width:40%}.pp-name{overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.pp-head{flex-wrap:wrap}.pp-id{flex:1 1 9.412rem}.pp-xp{flex-wrap:wrap;white-space:normal}.pp-xp .hud-xp-track{flex:1 1 7.059rem}.pp-stat strong{overflow-wrap:anywhere;text-align:center}.stats-row{flex-wrap:wrap}.stat{min-width:0;text-align:center}.stat-value{overflow-wrap:anywhere;line-height:1.15}.dash-stat-row{flex-wrap:wrap}.dash-stat{flex:1 1 6.471rem}.dash-stat strong{overflow-wrap:anywhere}.dash-list li{flex-wrap:wrap}.dash-list li span{overflow:visible;text-overflow:clip;white-space:normal;flex:1 1 7.059rem}.dash-list li strong{text-align:right}.dash-prog-head{flex-wrap:wrap}.dash-tools-title{white-space:normal;overflow:visible;text-overflow:clip}.dashboard-repere-value{overflow-wrap:anywhere}.dashboard-repere-value strong{font-size:clamp(1.4rem, 2.2rem, 2.2rem)}#history-list li{flex-wrap:wrap}#history-list li>span:first-child{flex:1 1 8.235rem;min-width:0}.level-ladder-row{flex-wrap:wrap}.level-ladder-num{flex:0 0 auto;min-width:5.294rem}.level-ladder-reward{flex:1 1 8.235rem;min-width:0}.level-ladder-xp{flex:0 0 auto;min-width:5.294rem}.lv-item{flex-wrap:wrap}.lv-item-name{flex:1 1 5.294rem}.lv-item-state{margin-left:auto}.lv-soon-card{flex-wrap:wrap}.lv-soon-card>div{flex:1 1 7.059rem}.lv-hero-level,.lv-hero-rank,.lv-hero-xp{overflow-wrap:anywhere}.lv-journal-stats .dash-stat strong{font-size:clamp(1.1rem, 1.45rem, 1.45rem)}.song-row{flex-wrap:wrap}.song-row-main{flex:1 1 10.588rem}.song-row-sub{overflow:visible;text-overflow:clip;white-space:normal}.song-row-meta,.song-row-status{flex-shrink:0}.course-row-body{flex:1 1 7.059rem}.quest-row{grid-template-columns:1.647rem minmax(0,1fr) auto auto}.quest-main{min-width:0;overflow-wrap:anywhere}.flashcards-hud{flex-wrap:wrap;row-gap:.353rem}#play-topbar{row-gap:.471rem}#exercise-status{overflow-wrap:anywhere}.mastery-speed-text{white-space:normal}.tool-menu-panel{max-height:calc(100vh - 8.235rem);overflow-y:auto}.levelup-card,.modal-card,.player-panel{overflow-wrap:anywhere}.profile-tabs .inline-toggle-btn{white-space:normal;flex:1 1 auto}.inline-toggle-btn{overflow-wrap:anywhere}@media (max-width:760px){#exercise-status{white-space:normal;overflow:visible;text-overflow:clip;text-align:left}}.fc-mode-icon{width:auto;min-width:1.6rem;flex-shrink:0}.lv-swatch{width:auto;height:auto;min-width:2.235rem;min-height:2.235rem}.lv-swatch-icon{padding:2px .353rem}.lv-swatch-frame{width:2.235rem;height:2.235rem}.lv-swatch-banner{width:3.176rem;height:2.235rem}.quest-row{grid-template-columns:minmax(1.647rem,auto) minmax(0,1fr) auto auto}.quest-icon{min-width:1.647rem}@media (max-width:760px){.player-card{min-width:0;max-width:100%}.pc-main{display:flex}.pc-stats,.pc-title,.pc-xp #hud-xp-text{display:none}.pc-xp .hud-xp-track{min-width:3.529rem}}#header-actions{flex:1 1 18.824rem;min-width:0;justify-content:flex-end}.player-card{flex:0 1 34rem;min-width:0}.player-card{max-width:min(100%,75rem)}#header-actions{flex-basis:34rem}header h1{flex:0 0 auto}.pc-badges{display:flex;flex-wrap:wrap;gap:4px}.subtabs{flex-wrap:wrap;border-radius:1.059rem;margin:4px 0 .941rem}.subtabs .inline-toggle-btn{flex:1 1 auto;white-space:normal}.subpane[hidden]{display:none}.quests-tabs{margin-top:1.059rem}.has-new{position:relative}.has-new:not(.player-card)::after,.player-card.has-new::before{content:'';position:absolute;top:-.1rem;right:-.05rem;width:.4rem;height:.4rem;border-radius:50%;background:#ff5d3b;box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 4px #ff5d3b;animation:new-pulse 1.8s ease-in-out infinite;pointer-events:none;z-index:6}.player-card.has-new::before{top:.3rem;right:.3rem}.course-card.has-new::after,.lv-item.has-new::after,.profile-badge-card.has-new::after{top:.5rem;right:.5rem}@keyframes new-pulse{50%{transform:scale(1.3);box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 7px #ff5d3b}}@media (prefers-reduced-motion:reduce){.has-new:not(.player-card)::after,.player-card.has-new::before{animation:none}}.player-card{gap:.8rem;padding:.4rem .9rem .4rem .5rem}.pc-main{gap:.2rem}.pc-line1{align-items:center;gap:.5rem;row-gap:.1rem}.pc-name{font-size:1.1rem;letter-spacing:.01em}.pc-title{font-size:.72rem;padding:.05rem .55rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}.pc-title:empty{display:none}.pc-line2{gap:.5rem}.pc-line2 #hud-level-text{font-size:.8rem;font-weight:600}.pc-xp{gap:.5rem}.pc-xp .hud-xp-track{height:.5rem;min-width:6rem}.pc-xp #hud-xp-text{font-size:.7rem;font-variant-numeric:tabular-nums}.pc-stats{display:grid;grid-template-columns:repeat(2,minmax(0,auto));gap:.25rem .35rem;align-items:center;justify-items:stretch;padding-left:0;border-left:0;max-width:46%}.pc-chip{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.15rem .5rem;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font-size:.75rem;white-space:nowrap;font-variant-numeric:tabular-nums}.pc-stats .pc-badges{grid-column:1/-1;justify-content:center;gap:.35rem;padding-top:.1rem}.pc-badge{width:1.2rem;height:1.2rem}@media (max-width:760px){.pc-stats{display:none}.player-card{gap:.5rem}}.ico{display:inline-block;font-size:1em;line-height:1;width:1.4em;margin-right:-.2em;text-align:left;transform:translateY(-.14em);vertical-align:baseline;font-style:normal;font-weight:400}.nav-btn .ico,button .ico{margin-right:.1em}.pc-chip{align-items:center}.pc-chip .ico{transform:translateY(-.05em)}#view-coach.active{align-items:stretch;justify-content:flex-start;overflow-y:auto}.coach-shell .menu-title{text-align:left}.coach-hero{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;padding:1.2rem 1.4rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(102,126,234,.28),var(--panel-bg));border:1px solid var(--panel-border)}.coach-hero-badge{min-width:4.4rem;min-height:4.4rem;display:flex;align-items:center;justify-content:center;font-size:2.4rem;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid var(--accent-soft)}.coach-hero-info{flex:1 1 18rem;min-width:0;display:flex;flex-direction:column;gap:.3rem}.coach-hero-kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.coach-hero-info h2{font-size:1.7rem;line-height:1.15}.coach-hero-info h2 small{font-size:.95rem;font-weight:500;color:var(--text-secondary)}.coach-hero-top{padding:.5rem .8rem;border-radius:var(--radius-md);background:rgba(255,255,255,.08);border-left:3px solid var(--accent)}.coach-intro,.coach-plan-head p{color:var(--text-secondary);margin:.9rem 0 .7rem}.coach-steps{list-style:none;display:flex;flex-direction:column;gap:.8rem;padding:0}.coach-step{display:flex;gap:.9rem;padding:.9rem 1.1rem;border-radius:var(--radius-lg);background:var(--panel-bg);border:1px solid var(--panel-border)}.coach-step-n{flex:0 0 auto;min-width:2.1rem;min-height:2.1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:800}.coach-step-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.coach-step-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;align-self:stretch}.coach-min{padding:.1rem .6rem;border-radius:999px;background:rgba(255,255,255,.12);font-weight:700;font-size:.85rem;white-space:nowrap}.coach-what{margin:0}.coach-guide summary,.coach-how summary{cursor:pointer;color:var(--accent-text);font-weight:600}.coach-how p{margin:.4rem 0 0;color:var(--text-secondary)}.coach-act{margin-top:.2rem}.coach-bonus{margin-top:1rem;padding:.9rem 1.1rem;border-radius:var(--radius-lg);border:1px dashed var(--panel-border)}.coach-bonus h4{margin-bottom:.5rem}.coach-bonus-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.coach-bonus-row>span{flex:1 1 14rem;min-width:0}.coach-diags,.coach-goals{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:.9rem}.coach-diag,.coach-goal{display:flex;flex-direction:column;gap:.45rem;align-items:flex-start;padding:1rem 1.1rem;border-radius:var(--radius-lg);background:var(--panel-bg);border:1px solid var(--panel-border);border-left-width:4px}.coach-diag header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;align-self:stretch}.coach-diag.coach-warn{border-left-color:#ff7a59}.coach-diag.coach-info{border-left-color:#ffc857}.coach-diag.coach-ok{border-left-color:var(--success)}.coach-head{margin:0;font-weight:600}.coach-how-text{margin:0;color:var(--text-secondary)}.coach-tag{padding:.05rem .55rem;border-radius:999px;background:rgba(255,255,255,.12);font-size:.75rem;font-weight:700;white-space:nowrap}.coach-warn .coach-tag{background:rgba(255,122,89,.25)}.coach-info .coach-tag{background:rgba(255,200,87,.22)}.coach-ok .coach-tag{background:rgba(76,175,80,.25)}.coach-tag-reco{background:var(--accent);color:#fff}.coach-guides{display:flex;flex-direction:column;gap:.6rem}.coach-guide{border-radius:var(--radius-lg);background:var(--panel-bg);border:1px solid var(--panel-border)}.coach-guide.coach-reco{border-color:var(--accent)}.coach-guide summary{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding:.8rem 1.1rem;list-style:none;color:var(--text-main)}.coach-guide summary::-webkit-details-marker{display:none}.coach-guide-title{font-weight:700;font-size:1.05rem}.coach-guide-body{padding:0 1.1rem 1rem;display:flex;flex-direction:column;gap:.4rem}.coach-guide-body h5{margin-top:.4rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-text)}.coach-guide-body ol,.coach-guide-body ul{padding-left:1.3rem;display:flex;flex-direction:column;gap:.25rem}.coach-why{color:var(--text-secondary);margin:0}.coach-check{margin:.4rem 0 0;padding:.5rem .8rem;border-radius:var(--radius-md);background:rgba(76,175,80,.15)}.coach-goal p{margin:0;color:var(--text-secondary)}.coach-goal-bar{align-self:stretch;height:.6rem}.medal{--medal:#f6b73c;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.9em;height:1.9em;border-radius:50%;color:var(--medal);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--medal) 38%,#0d2230),#0d2230 78%);border:2px solid var(--medal);box-shadow:0 0 .5em color-mix(in srgb,var(--medal) 55%,transparent),inset 0 0 .35em rgba(255,255,255,.12);font-size:1rem;line-height:1}.medal svg{width:62%;height:62%}.medal-lg{font-size:1.7rem}.pc-badge{width:auto;height:auto;display:inline-flex}.pc-badge .medal{font-size:.95rem}.pc-stats .pc-badges{gap:.4rem}.pp-showcase-badge{gap:.55rem;padding:.3rem .8rem .3rem .35rem;border-color:var(--panel-border)}.pp-showcase-badge .medal{font-size:.9rem}.pp-showcase-badge span{width:auto;height:auto}.ap-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:.6rem 0 1rem}.ap-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:7.5rem;padding:.8rem .6rem;border-radius:var(--radius-lg);text-align:center;font:inherit;color:var(--text-main);overflow-wrap:anywhere}.ap-slot.filled{cursor:pointer;background:var(--panel-bg);border:1px solid var(--panel-border)}.ap-slot.filled:hover{border-color:#ff7a59}.ap-slot.filled span:not(.medal){font-weight:700}.ap-slot small{color:var(--text-secondary);font-size:.78rem}.ap-slot.empty{border:2px dashed var(--panel-border);color:var(--text-secondary)}.ap-slot-plus{font-size:1.8rem;line-height:1}.ap-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .8rem .3rem .35rem;text-align:left}.ap-badge .medal{font-size:.9rem}.ap-badge span{width:auto;height:auto}.ap-badge-name{min-width:0;overflow-wrap:anywhere}@media (max-width:760px){.ap-slots{grid-template-columns:1fr}}.ap-badge span.medal,.ap-slot span.medal,.pp-showcase-badge span.medal,span.medal{width:1.9em;height:1.9em}#profile-danger-zone{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--panel-border)}.profile-danger-row{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.god-btn{border-color:#ffc857;color:#ffd98a}.god-btn.active{background:#ffc857;color:#1a1300;font-weight:800}.god-pill{padding:.25rem .7rem;border-radius:999px;border:2px solid #ffc857;background:rgba(255,200,87,.18);color:#ffd98a;font-weight:800;font-size:.8rem;cursor:pointer;white-space:nowrap;animation:new-pulse 1.8s ease-in-out infinite}.god-pill[hidden]{display:none}.course-card-num.capstone{color:#ffd34e;font-weight:800}.course-card:has(.course-card-num.capstone){border-color:#ffd34e;box-shadow:0 0 1.2rem rgba(255,211,78,.18)}.beat-dots{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .6rem;border-radius:999px;background:var(--panel-bg);border:1px solid var(--panel-border)}.beat-dots[hidden]{display:none}.beat-dots i{width:.65rem;height:.65rem;border-radius:50%;background:rgba(255,255,255,.2);transition:background 60ms,transform 60ms}.beat-dots i.accent{width:.85rem;height:.85rem}.beat-dots i.on{background:var(--accent-text,#7ecbff);transform:scale(1.35);box-shadow:0 0 .6rem var(--accent-text,#7ecbff)}.beat-dots i.accent.on{background:#ffd34e;box-shadow:0 0 .7rem #ffd34e}html.concert #badge-toast,html.concert #play-topbar,html.concert #player-panel,html.concert header{display:none!important}.concert-exit{position:fixed;top:.6rem;right:.8rem;z-index:200;padding:.3rem .8rem;border-radius:999px;border:1px solid var(--panel-border);background:rgba(8,24,36,.75);color:var(--text-secondary);font:inherit;font-size:.8rem;cursor:pointer;opacity:.35;transition:opacity .2s}.concert-exit:focus-visible,.concert-exit:hover{opacity:1}.concert-exit[hidden]{display:none}.shortcuts-card{position:relative;max-width:34rem}.shortcuts-list{display:flex;flex-direction:column;gap:.35rem;margin-top:.6rem}.sc-row{display:flex;align-items:center;gap:.8rem}.sc-row kbd{min-width:4.2rem;text-align:center;padding:.15rem .5rem;border-radius:.4rem;border:1px solid var(--panel-border);background:var(--panel-bg-strong,rgba(255,255,255,.1));font-family:inherit;font-weight:700;font-size:.85rem}.sc-row span{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.guided-bar{position:fixed;left:50%;bottom:.9rem;transform:translateX(-50%);z-index:150;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;justify-content:center;max-width:min(96vw,60rem);padding:.55rem .9rem;border-radius:999px;background:rgba(8,40,56,.94);border:2px solid var(--accent);box-shadow:0 .4rem 1.6rem rgba(0,0,0,.45)}.guided-bar[hidden]{display:none}.guided-bar.due{border-color:#ffc857;animation:new-pulse 1.8s ease-in-out infinite}.guided-title{font-weight:700;overflow-wrap:anywhere;min-width:0}.guided-timer{font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap}.guided-card{position:relative;max-width:36rem}.guided-results{list-style:none;padding:0;display:flex;flex-direction:column;gap:.4rem;margin:.6rem 0}.guided-results li{display:flex;flex-direction:column;gap:.1rem;padding:.5rem .8rem;border-radius:var(--radius-md);background:var(--panel-bg)}.guided-results span{color:var(--text-secondary);font-size:.9rem}.coach-guided-start{margin-bottom:.6rem}.celebrate-emblem{font-size:4.2rem;line-height:1;display:flex;align-items:center;justify-content:center}.measure-cell.clickable{cursor:pointer;outline:2px solid transparent;transition:outline-color .15s,transform .1s}.measure-cell.clickable:focus-visible,.measure-cell.clickable:hover{outline-color:#fff;transform:translateY(-2px)}.hist-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.7rem;margin-bottom:1rem}.hist-kpis>div{display:flex;flex-direction:column;align-items:center;padding:.7rem;border-radius:var(--radius-lg);background:var(--panel-bg);border:1px solid var(--panel-border)}.hist-kpis strong{font-size:1.5rem;overflow-wrap:anywhere;text-align:center}.hist-kpis small{color:var(--text-secondary)}.hist-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.8rem}.hist-chart-card{padding:.8rem 1rem;border-radius:var(--radius-lg);background:var(--panel-bg);border:1px solid var(--panel-border)}.hist-chart-card h4{font-size:.95rem;margin-bottom:.4rem}.hist-chart{width:100%;height:auto;display:block}.hist-title{margin:1.2rem 0 .6rem}.hist-timeline{list-style:none;padding:0;display:flex;flex-direction:column;gap:.4rem}.hist-timeline li{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.5rem .8rem;border-radius:var(--radius-md);background:var(--panel-bg)}.hist-ico{min-width:1.6rem;text-align:center}.hist-text{flex:1 1 14rem;min-width:0;overflow-wrap:anywhere;font-weight:600}.hist-timeline time{color:var(--text-secondary);font-size:.85rem;white-space:nowrap}.duel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:.9rem}.duel-card{padding:1rem 1.1rem;border-radius:var(--radius-lg);background:var(--panel-bg);border:1px solid var(--panel-border)}.duel-card h4{margin-bottom:.6rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.duel-hero{border-color:#ffd34e;box-shadow:0 0 1.2rem rgba(255,211,78,.18)}.duel-rank{list-style:none;padding:0;display:flex;flex-direction:column;gap:.45rem}.duel-rank li{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.duel-rank li.me .duel-name{color:var(--accent-text);font-weight:800}.duel-pos{min-width:1.6rem;text-align:center}.duel-name{flex:1 1 6rem;min-width:0;overflow-wrap:anywhere}.duel-bar{flex:2 1 6rem;height:.55rem;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}.duel-bar i{display:block;height:100%;background:var(--accent)}.duel-last,.duel-self{margin:.8rem 0}.duel-self ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.3rem}.duel-self small{color:var(--text-secondary)}#backups-section{margin-top:1.2rem}.backups-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.4rem;margin:.6rem 0}.backups-list li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.5rem .8rem;border-radius:var(--radius-md);background:var(--panel-bg)}.backups-list li>span{flex:1 1 14rem;min-width:0;overflow-wrap:anywhere}.guided-bar{flex-direction:column;align-items:stretch;gap:.35rem;border-radius:1.1rem;padding:.6rem 1rem .7rem;width:min(96vw,46rem)}.guided-bar.step-done{border-color:var(--success)}.guided-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.guided-row .guided-title{flex:1 1 12rem}.guided-dots{display:inline-flex;gap:.3rem}.guided-dots i{width:.6rem;height:.6rem;border-radius:50%;background:rgba(255,255,255,.2)}.guided-dots i.done{background:var(--success)}.guided-dots i.cur{background:var(--accent-text,#7ecbff);box-shadow:0 0 .5rem var(--accent-text,#7ecbff);transform:scale(1.3)}.guided-what{margin:0;color:var(--text-secondary);font-size:.9rem;overflow-wrap:anywhere}.guided-how summary{cursor:pointer;font-size:.85rem;color:var(--accent-text)}.guided-how p{margin:.3rem 0 0;font-size:.85rem;color:var(--text-secondary)}.guided-actions{justify-content:flex-end}.guided-actions button[hidden]{display:none}.guided-prefs{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;margin:.4rem 0 .7rem}.guided-pref{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.guided-pref>span{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.guided-intro{margin:0 0 .3rem;overflow-wrap:anywhere}.guided-plan{list-style:none;padding:0;display:flex;flex-direction:column;gap:.4rem;margin:.4rem 0 .8rem}.guided-plan li{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.5rem .8rem;border-radius:var(--radius-md);background:var(--panel-bg)}.guided-plan-ico{font-size:1.3rem}.guided-plan-txt{flex:1 1 14rem;min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}.guided-plan-txt small{color:var(--text-secondary)}.guided-live-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.8rem}.guided-go{font-size:1.05rem;padding:.7rem 1.4rem}.guided-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.6rem}.guided-kpis>div{display:flex;flex-direction:column;align-items:center;padding:.5rem;border-radius:var(--radius-md);background:var(--panel-bg);text-align:center}.guided-kpis strong{font-size:1.3rem}.guided-kpis small{color:var(--text-secondary)}.guided-live p{margin:0 0 .3rem;overflow-wrap:anywhere}.guided-prefs .inline-toggle-btn{white-space:nowrap}#view-session.active{align-items:stretch;justify-content:flex-start;overflow-y:auto}.session-shell .menu-title{text-align:left}.nav-btn.todo{position:relative}.nav-btn.todo::after{content:'';position:absolute;top:.2rem;right:.35rem;width:.5rem;height:.5rem;border-radius:50%;background:#4cd964;box-shadow:0 0 .5rem #4cd964;animation:new-pulse 1.8s ease-in-out infinite}.nav-btn.running{border-color:var(--accent);background:rgba(102,126,234,.35)}.nav-btn.done-today{color:#9be8a8}.ss-hero{padding:1.3rem 1.5rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(102,126,234,.32),var(--panel-bg));border:2px solid var(--accent);box-shadow:0 0 1.6rem rgba(102,126,234,.25)}.ss-hero.ss-done{border-color:var(--success);background:linear-gradient(135deg,rgba(76,175,80,.25),var(--panel-bg));box-shadow:none}.ss-hero.ss-running{border-color:#ffc857}.ss-hero h2{font-size:1.6rem;margin:.2rem 0 .4rem;overflow-wrap:anywhere}.ss-hero p{color:var(--text-secondary);overflow-wrap:anywhere}.ss-kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-text);font-weight:700}.ss-section{padding:1.1rem 1.3rem;border-radius:var(--radius-lg);background:var(--panel-bg);border:1px solid var(--panel-border)}.ss-section h3{margin-bottom:.7rem;font-size:1.15rem}.ss-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.7rem}.ss-preset{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.8rem .9rem;border-radius:var(--radius-md);background:rgba(255,255,255,.06);border:1px solid var(--panel-border);color:var(--text-main);font:inherit;text-align:left;cursor:pointer;transition:var(--transition-ui)}.ss-preset:focus-visible,.ss-preset:hover{border-color:var(--accent);transform:translateY(-2px)}.ss-preset-ico{font-size:1.5rem}.ss-preset small{color:var(--accent-text);font-weight:700}.ss-preset span:last-child{color:var(--text-secondary);font-size:.85rem;overflow-wrap:anywhere}.ss-week-body{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}.ss-ring{--rank:#ffd34e;position:relative;width:8rem;height:8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.ss-ring svg{position:absolute;inset:0;width:100%;height:100%}.ss-ring strong{font-size:1.4rem;position:relative}.ss-ring small{position:relative;color:var(--text-secondary)}.ss-week-side{flex:1 1 16rem;min-width:0;display:flex;flex-direction:column;gap:.7rem}.ss-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem}.ss-day{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem 0;border-radius:var(--radius-md);background:rgba(255,255,255,.05);border:1px solid transparent}.ss-day.today{border-color:var(--accent)}.ss-day.g{background:rgba(76,175,80,.3)}.ss-day.p{background:rgba(126,203,255,.18)}.ss-day.future{opacity:.45}.ss-day i{font-style:normal;min-height:1.1em;font-weight:800}.ss-goal{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.ss-goal-hint{color:var(--text-secondary);margin:0}.ss-chart{margin-top:.8rem}.ss-history{list-style:none;padding:0;display:flex;flex-direction:column;gap:.4rem}.ss-history li{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.4rem .7rem;border-radius:var(--radius-md);background:rgba(255,255,255,.05)}.ss-h-date{min-width:6.5rem;font-weight:600;text-transform:capitalize}.ss-h-bar{flex:1 1 6rem;height:.5rem;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}.ss-h-bar i{display:block;height:100%;background:var(--accent)}.ss-tip p{margin:0;overflow-wrap:anywhere}.ss-startup{display:flex;align-items:center;gap:.6rem;color:var(--text-secondary);font-size:.9rem;cursor:pointer}.summary-guided-hint{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.guided-bar{position:static;transform:none;left:auto;bottom:auto;width:min(96vw,62rem);margin:.35rem auto 0;border-radius:1rem;box-shadow:0 .2rem .8rem rgba(0,0,0,.3);flex:0 0 auto;z-index:5}.guided-stage{z-index:170}.mini-overlay{z-index:160}.gs-card{position:relative;width:min(94vw,36rem);max-height:94vh;overflow-y:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:1.4rem 1.6rem}.gs-dots{display:flex;gap:.35rem;margin-bottom:.2rem}.gs-dots i{width:.65rem;height:.65rem;border-radius:50%;background:rgba(255,255,255,.2)}.gs-dots i.done{background:var(--success)}.gs-dots i.cur{background:var(--accent-text,#7ecbff);box-shadow:0 0 .5rem var(--accent-text,#7ecbff);transform:scale(1.3)}.gs-kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-text);font-weight:700}.gs-ico{font-size:3.4rem;line-height:1}.gs-card h2{font-size:1.6rem;overflow-wrap:anywhere}.gs-goal{margin:0;padding:.55rem .9rem;border-radius:var(--radius-md);background:rgba(255,211,78,.14);border:1px solid rgba(255,211,78,.5);overflow-wrap:anywhere}.gs-what{margin:0;color:var(--text-secondary);overflow-wrap:anywhere}.gs-meta{margin:0;font-size:.85rem;color:var(--text-secondary)}.gs-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:.4rem}.gs-medals{font-size:3rem;letter-spacing:.15em;line-height:1;color:rgba(255,255,255,.25)}.gs-medals.win{color:#ffd34e;text-shadow:0 0 1rem rgba(255,211,78,.6)}.gs-points{margin:0;font-weight:800;color:#ffd34e;font-size:1.2rem}.gs-grade-wrap{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin:.3rem 0 .6rem}.gs-grade{min-width:4.5rem;min-height:4.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:2.6rem;font-weight:900;border:3px solid #ffd34e;color:#ffd34e;background:rgba(255,211,78,.12)}.gs-grade[data-grade="S"]{box-shadow:0 0 1.4rem #ffd34e}.gs-grade[data-grade="A"]{border-color:#7fe3d9;color:#7fe3d9;background:rgba(127,227,217,.12)}.gs-grade[data-grade="B"]{border-color:#7ecbff;color:#7ecbff;background:rgba(126,203,255,.12)}.gs-grade[data-grade="C"],.gs-grade[data-grade="D"]{border-color:#c9d1d9;color:#c9d1d9;background:rgba(201,209,217,.1)}.gs-grade-text{margin:0;flex:1 1 12rem;min-width:0;overflow-wrap:anywhere}.guided-results li{flex-direction:row;align-items:center;gap:.7rem}.gr-ico{font-size:1.3rem}.gr-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}.gr-txt small{color:var(--text-secondary)}.gr-medals{color:#ffd34e;letter-spacing:.1em;white-space:nowrap}.gp-tag{font-style:normal;font-size:.7rem;padding:.05rem .45rem;border-radius:999px;background:var(--accent);color:#fff;vertical-align:middle}.coach-goal-line{margin:0;color:#ffd98a;font-size:.9rem;overflow-wrap:anywhere}.mini-card{position:relative;width:min(94vw,34rem);max-height:94vh;overflow-y:auto;text-align:center}#mini-body{display:flex;flex-direction:column;align-items:center;gap:.7rem}.mini-text{margin:0;color:var(--text-secondary);overflow-wrap:anywhere}.mini-text kbd{padding:.1rem .45rem;border-radius:.4rem;border:1px solid var(--panel-border);background:rgba(255,255,255,.1);font-family:inherit;font-weight:700}.pulse-bpm{font-size:1.6rem;font-weight:800;color:#ffd34e}.pulse-dots{display:flex;gap:.8rem;margin:.4rem 0}.pulse-dots i{width:1.6rem;height:1.6rem;border-radius:50%;background:rgba(255,255,255,.15);transition:background 50ms,transform 50ms}.pulse-dots i.on{background:#ffd34e;transform:scale(1.25);box-shadow:0 0 1rem #ffd34e}.pulse-pad{width:100%;min-height:6rem;border-radius:var(--radius-lg);border:2px solid var(--accent);background:rgba(102,126,234,.2);color:var(--text-main);font:inherit;font-size:1.4rem;font-weight:800;cursor:pointer;transition:background 60ms,transform 60ms}.pulse-pad:disabled{opacity:.4;cursor:default}.pulse-pad.hit{background:var(--accent);transform:scale(.97)}.pulse-chart{width:100%;height:auto}.my-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.6rem;width:100%}.my-option{padding:.8rem 1rem;border-radius:var(--radius-md);border:2px solid var(--panel-border);background:var(--panel-bg);color:var(--text-main);font:inherit;font-weight:700;cursor:pointer;overflow-wrap:anywhere;transition:var(--transition-ui)}.my-option:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.my-option.good{border-color:var(--success);background:rgba(76,175,80,.3)}.my-option.bad{border-color:#ff7a59;background:rgba(255,122,89,.25)}.gs-actions button,.guided-actions button{width:auto;flex:0 0 auto}.guided-theme{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.7rem 1rem;margin:.6rem 0;border-radius:var(--radius-md);background:linear-gradient(90deg,rgba(255,211,78,.18),rgba(255,211,78,.05));border:1px solid rgba(255,211,78,.5)}.gt-ico{font-size:1.8rem;line-height:1}.gt-txt{flex:1 1 14rem;min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}.gt-txt small{color:var(--text-secondary)}@media (min-width:761px){header h1{order:1;flex:1 1 0;min-width:5rem}#main-nav{order:2;flex:0 1 auto;justify-content:center;flex-wrap:wrap}header::after{content:'';order:3;flex:1 1 0;min-width:5rem}#header-actions{order:4;flex:1 1 100%;justify-content:flex-end}.nav-btn{flex:0 0 auto}}@media (min-width:1901px){header::after{display:none}#header-actions{flex:1 1 0}}header{border-right:var(--sb-w,0px) solid transparent}.lang-btn{display:inline-flex;align-items:center;gap:.2rem;padding:.3rem .6rem;border-radius:58.765rem;font-size:.8rem;font-weight:600;background:rgba(255,255,255,.12);color:var(--text-secondary);border:1px solid var(--panel-border);cursor:pointer}.lang-btn:hover{background:rgba(255,255,255,.22)}.lang-btn .l-sep{opacity:.5}html:lang(en) .lang-btn .l-en,html:not(:lang(en)) .lang-btn .l-fr{color:var(--accent);text-decoration:underline;text-underline-offset:0.2em}.midi-all-row{display:flex;align-items:center;gap:.5rem;margin:0 0 .8rem;font-size:.9rem;flex-wrap:wrap}.midi-all-row input{width:auto}.midi-help{margin:0 0 1rem;background:rgba(255,255,255,.06);border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:.5rem .8rem;font-size:.88rem}.midi-help summary{cursor:pointer;font-weight:600}.midi-help ol{margin:.6rem 0 .2rem 1.2rem;display:grid;gap:.35rem}.setting-line{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.2rem 0 .7rem}.setting-value{font-weight:700;min-width:0;overflow-wrap:anywhere}.onboarding-card{position:relative;width:min(38rem,94%);text-align:left;display:flex;flex-direction:column;gap:.9rem}.onboarding-card h2{text-align:center;margin:0;font-size:1.4rem}.onboarding-card h2 small{font-size:.7em;font-weight:500;color:var(--text-secondary)}.ob-dots{display:flex;justify-content:center;gap:.4rem}.ob-dot{width:.55rem;height:.55rem;min-width:.55rem;border-radius:50%;background:rgba(255,255,255,.25)}.ob-dot.active{background:var(--accent);transform:scale(1.25)}.ob-dot.done{background:var(--success)}.ob-lead{color:var(--text-secondary);line-height:1.5;margin:0;text-align:center}.ob-label{font-weight:600;margin:.2rem 0 0}.ob-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.6rem}.ob-choice{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left;background:rgba(255,255,255,.08);border:2px solid var(--panel-border);border-radius:var(--radius-md);padding:.75rem .85rem;color:inherit;font:inherit;cursor:pointer;min-width:0}.ob-choice:hover{background:rgba(255,255,255,.16)}.ob-choice.selected{border-color:var(--accent);background:rgba(139,92,246,.18)}.ob-choice-ico{font-size:1.5rem;line-height:1}.ob-choice small{color:var(--text-secondary);overflow-wrap:anywhere}.ob-chips{display:flex;gap:.45rem;flex-wrap:wrap}.ob-chip{background:rgba(255,255,255,.1);border:1px solid var(--panel-border);border-radius:58.765rem;padding:.35rem .9rem;color:inherit;font:inherit;cursor:pointer}.ob-chip.selected{background:var(--accent);color:#fff;border-color:transparent}.ob-panel{background:rgba(255,255,255,.06);border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:.85rem 1rem;display:grid;gap:.6rem}.ob-panel p{margin:0;overflow-wrap:anywhere}.ob-status{font-weight:600}.ob-status.ok{color:var(--success)}.ob-status.warn{color:#f0a020}.ob-actions{display:flex;gap:.6rem;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:.3rem}.ob-actions .ob-actions-right{display:flex;gap:.6rem;flex-wrap:wrap;margin-left:auto}.ob-presets{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.ob-big-tap{padding:1.4rem 1rem;font-size:1.15rem;width:100%}.ob-meter{height:.5rem;background:rgba(255,255,255,.12);border-radius:58.765rem;overflow:hidden}.ob-meter>span{display:block;height:100%;width:0;background:var(--accent);transition:width .12s linear}.ob-recap{display:grid;gap:.35rem;margin:0;padding-left:1.2rem}.onboarding-card .ob-actions button,.onboarding-card .ob-panel .ob-actions button,.onboarding-card .ob-presets button{width:auto;flex:0 0 auto}.onboarding-card .ob-big-tap{width:100%;flex:1 1 100%}.placement-row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;justify-content:center;margin:.2rem 0 .8rem}.placement-row[hidden]{display:none}.placement-status{color:var(--text-secondary);font-size:.85rem;overflow-wrap:anywhere}.placement-card{position:relative;width:min(34rem,94%);text-align:center;display:flex;flex-direction:column;gap:.8rem}.placement-card h2{margin:0;font-size:1.25rem;overflow-wrap:anywhere}.pl-lead{color:var(--text-secondary);line-height:1.5;margin:0;overflow-wrap:anywhere}.pl-progress{color:var(--text-secondary);font-size:.85rem;margin:0}.pl-staff{display:flex;justify-content:center;background:#fdfbf6;border-radius:var(--radius-md);padding:.4rem}.pl-staff svg{width:15rem;max-width:100%;height:auto}.pl-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.5rem}.pl-feedback{min-height:1.3rem;margin:0;font-weight:600}.pl-actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.pl-actions button{width:auto}.ear-kinds{display:grid;gap:.6rem;margin-top:.8rem}.ear-kind-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left;padding:.7rem .9rem;width:100%}.ear-kind-btn small{color:var(--text-secondary)}.listen-end-btn{width:auto;margin:0 .25rem;padding:.25rem .7rem;font-size:.85rem}#exercise-status{overflow-wrap:anywhere}.streak-grace{cursor:help}.streak-day.grace{background:rgba(240,160,32,.55)}.practice-calendar{display:grid;gap:.7rem;max-width:34rem;margin:0 auto}.cal-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.cal-head button{width:auto;min-width:2.4rem}.cal-title{margin:0;text-align:center;flex:1;overflow-wrap:anywhere}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem}.cal-wd{text-align:center;font-size:.78rem;color:var(--text-secondary);padding:.1rem 0}.cal-cell{position:relative;min-height:3.1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;background:rgba(255,255,255,.06);border:1px solid var(--panel-border);border-radius:.5rem;color:inherit;font:inherit;padding:.15rem;cursor:pointer;min-width:0}.cal-cell.cal-empty{background:0 0;border:none;cursor:default}.cal-cell.played{background:rgba(76,175,80,.28)}.cal-cell.goal{background:rgba(76,175,80,.5)}.cal-cell.grace{background:rgba(240,160,32,.4)}.cal-cell.today{outline:2px solid var(--accent)}.cal-cell.selected{border-color:var(--accent)}.cal-cell.future{opacity:.4;cursor:default}.cal-num{font-weight:700;font-size:.9rem}.cal-mark{font-size:.8rem;line-height:1;min-height:.8rem}.cal-min{font-size:.68rem;color:var(--text-secondary);white-space:nowrap}.cal-detail,.cal-legend,.cal-summary{margin:0;text-align:center;overflow-wrap:anywhere}.cal-detail{min-height:1.3rem;font-weight:600}.cal-legend{color:var(--text-secondary);font-size:.82rem}.course-chapter-certs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}.certificate-btn{width:auto}.whatsnew-card{position:relative;width:min(34rem,94%);text-align:left;display:flex;flex-direction:column;gap:.7rem}.whatsnew-card h2{margin:0;text-align:center}.wn-version{margin:0;text-align:center;color:var(--text-secondary)}.wn-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;max-height:50vh;overflow-y:auto}.wn-list li{display:flex;gap:.7rem;align-items:flex-start}.wn-ico{font-size:1.3rem;min-width:1.8rem;text-align:center}.wn-list strong{display:block}.wn-list small{display:block;color:var(--text-secondary);overflow-wrap:anywhere}.help-card{position:relative;width:min(38rem,94%);max-height:90vh;overflow-y:auto;text-align:left;display:flex;flex-direction:column;gap:.7rem}.help-card h2{margin:0;text-align:center}.help-faq{display:grid;gap:.4rem}.help-faq details{border:1px solid var(--panel-border);border-radius:.6rem;padding:.45rem .7rem;background:rgba(255,255,255,.04)}.help-faq summary{cursor:pointer;font-weight:600;overflow-wrap:anywhere}.help-faq p{margin:.45rem 0 .1rem;color:var(--text-secondary);overflow-wrap:anywhere}.help-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.help-actions button{width:auto}.help-msg{margin:0;min-height:1.2rem;text-align:center;color:var(--text-secondary);overflow-wrap:anywhere}.help-summary{margin:0;font-weight:700;text-align:center}.help-summary.ok{color:#2ecc71}.help-summary.ko{color:#ff6b6b}.help-tests{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}.help-tests li{display:flex;gap:.6rem;align-items:flex-start}.help-tests li.ok>span:first-child{color:#2ecc71}.help-tests li.ko>span:first-child{color:#ff6b6b}.help-tests small{display:block;color:var(--text-secondary);overflow-wrap:anywhere}html.lite *,html.lite ::after,html.lite ::before{animation-duration:0s!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;transition-delay:0s!important;scroll-behavior:auto!important}html.lite *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.subpane[data-sub=sons] h3{margin:1.1rem 0 .2rem}.subpane[data-sub=sons] .setting-line input[type=range]{flex:1 1 8rem;min-width:0}.subpane[data-sub=sons] .setting-line{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.subpane[data-sub=sons] .setting-line .secondary-btn{width:auto;flex:0 0 auto}.subpane[data-sub=sons] .setting-line input[type=range]{width:auto}.sound-events{display:grid;gap:.4rem}.sound-event-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.sound-event-name{flex:1 1 12rem;min-width:0;overflow-wrap:anywhere}.sound-event-row select{flex:0 1 11rem;min-width:0}.sound-event-row .secondary-btn{width:auto;flex:0 0 auto}#sound-theme-toggle{flex-wrap:wrap}#sound-theme-toggle{display:flex;flex-wrap:wrap;width:100%;border-radius:1rem;gap:.25rem}#sound-theme-toggle .inline-toggle-btn{flex:1 1 auto;white-space:nowrap}#view-profile select option{background-color:#123646;color:#fff}:root[data-theme=light] #view-profile select option{background-color:#fff;color:#10262b}#view-profile .sound-event-row select{margin:0;width:auto}.sound-pick{width:auto!important;flex:0 1 11rem;min-width:0;text-align:left}.sound-pick-list{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:.35rem;padding:.4rem;border:1px solid var(--panel-border);border-radius:.7rem;background:var(--panel-bg-strong)}.sound-pick-opt{width:auto;padding:.35rem .8rem;border-radius:58.765rem;border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-main);cursor:pointer;font-size:.85rem}.sound-pick-opt.active{background:var(--accent);color:var(--text-on-accent)}#transpose-row{display:flex;align-items:center;gap:.4rem}#transpose-row .tool-menu-row-text{flex:1 1 auto}#transpose-value{min-width:2.2rem;text-align:center}.hands-swapped.hand-colors .key.target[data-hand="L"]:not(.correct):not(.wrong){background:linear-gradient(180deg,#9cc4ff,#2f6fe0);box-shadow:0 0 16px rgba(47,111,224,.85)}.hands-swapped.hand-colors .key.target[data-hand="R"]:not(.correct):not(.wrong){background:linear-gradient(180deg,#ffcf94,#e0762a);box-shadow:0 0 16px rgba(224,118,42,.85)}.hands-swapped.hand-colors .cascade-bar[data-hand="L"]{background:rgba(120,170,255,.85);border-color:rgba(190,215,255,.9)}.hands-swapped.hand-colors .cascade-bar[data-hand="R"]{background:rgba(255,176,108,.88);border-color:rgba(255,220,185,.9)}.hands-swapped.hand-colors .cascade-bar.target[data-hand="L"]{background:#2f6fe0;border-color:#b9d3ff;box-shadow:0 0 12px rgba(47,111,224,.8)}.hands-swapped.hand-colors .cascade-bar.target[data-hand="R"]{background:#e0762a;border-color:#ffdcb9;box-shadow:0 0 12px rgba(224,118,42,.8)}.hands-swapped.hand-colors .hand-filter-btn[data-hand=left]::before{background:#5b98ff}.hands-swapped.hand-colors .hand-filter-btn[data-hand=right]::before{background:#ff9a4a}.dash-passages{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.dash-passages li{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.dash-passage-text{flex:1 1 10rem;min-width:0;display:grid;overflow-wrap:anywhere}.dash-passage-text small{color:var(--text-secondary)}.dash-passages .secondary-btn{width:auto;flex:0 0 auto}.editor-card{position:relative;width:min(54rem,96%);max-height:92vh;overflow-y:auto;text-align:left;display:flex;flex-direction:column;gap:.7rem}.editor-card h2{margin:0;text-align:center}.ed-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end}.ed-tools{align-items:center}.ed-label{font-weight:700;margin-right:.2rem}.ed-field{display:grid;gap:.2rem;flex:1 1 9rem;min-width:0;font-size:.85rem;color:var(--text-secondary)}.ed-field input,.ed-field select,.ed-text textarea{width:100%;box-sizing:border-box;background:var(--panel-bg);color:var(--text-main);border:1px solid var(--panel-border);border-radius:.5rem;padding:.4rem .6rem;font:inherit}.ed-field select option{background:#123646;color:#fff}.ed-btn{padding:.35rem .8rem;border-radius:58.765rem;border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-main);cursor:pointer;font-size:.85rem;width:auto}.ed-btn.active{background:var(--accent);color:var(--text-on-accent)}.ed-oct{min-width:3rem;text-align:center;font-weight:700}.ed-hint{color:var(--text-secondary);font-size:.82rem;margin-left:.4rem}.ed-kb{position:relative;display:flex;height:7.5rem;user-select:none;touch-action:manipulation}.ed-key{cursor:pointer}.ed-key.white{flex:1 1 0;position:relative;background:#fdfbf6;border:1px solid #8a8a8a;border-radius:0 0 .35rem .35rem;color:#333;font-size:.65rem;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.2rem}.ed-key.white:active{background:#cfe3ff}.ed-key.black{position:absolute;top:0;width:4.4%;height:62%;background:#1b1b1b;border-radius:0 0 .25rem .25rem;z-index:2}.ed-key.black:active{background:#3a5a9a}.ed-strip{display:flex;flex-wrap:nowrap;gap:.3rem;align-items:center;overflow-x:auto;min-height:3.2rem;padding:.4rem;border:1px solid var(--panel-border);border-radius:.6rem;background:var(--panel-bg)}.ed-chip{white-space:nowrap;padding:.25rem .6rem;border-radius:.5rem;background:var(--panel-bg-strong);font-weight:600;flex:0 0 auto}.ed-chip small{display:block;font-weight:400;font-size:.7rem;color:var(--text-secondary)}.ed-chip.rest{opacity:.7;font-style:italic}.ed-bar{color:var(--text-secondary);flex:0 0 auto}.ed-empty{color:var(--text-secondary)}.ed-actions{display:flex;flex-wrap:wrap;gap:.5rem}.ed-actions button{width:auto}.ed-text summary{cursor:pointer;font-weight:600}.ed-text code{background:var(--panel-bg-strong);padding:0 .3rem;border-radius:.3rem}.improv-board{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:1rem;min-height:8rem}.improv-bars{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.improv-bar{min-width:5.5rem;padding:.8rem 1rem;text-align:center;border-radius:.8rem;border:2px solid var(--panel-border);background:var(--panel-bg);font-weight:700;font-size:1.1rem;overflow-wrap:anywhere}.improv-bar.now{border-color:#2ecc71;background:rgba(46,204,113,.25);transform:scale(1.06)}.improv-hint{margin:0;text-align:center;color:var(--text-secondary)}.improv-styles{display:grid;gap:.5rem;margin:.6rem 0}.improv-style-btn{display:grid;gap:.15rem;text-align:left;width:100%}.improv-style-btn small{color:var(--text-secondary);font-weight:400;overflow-wrap:anywhere}.improv-style-btn.active{border-color:var(--accent);background:var(--panel-bg-strong)}.improv-opts{display:flex;flex-wrap:wrap;gap:.8rem;align-items:flex-end;margin-bottom:.6rem}.improv-opts label{display:grid;gap:.2rem;flex:1 1 10rem;font-size:.85rem;color:var(--text-secondary)}.improv-opts select{background:var(--panel-bg);color:var(--text-main);border:1px solid var(--panel-border);border-radius:.5rem;padding:.4rem}.improv-opts select option{background:#123646;color:#fff}.improv-check{display:flex!important;align-items:center;gap:.4rem}.key.imp-tone{box-shadow:inset 0 -.9rem 0 #2ecc71!important}.key.imp-scale{box-shadow:inset 0 -.9rem 0 rgba(91,152,255,.85)!important}.mic-meter{height:.5rem;border-radius:58.765rem;background:var(--panel-bg);border:1px solid var(--panel-border);overflow:hidden;margin:.3rem 0 .6rem}.mic-meter i{display:block;height:100%;width:0%;background:#2ecc71;transition:width 50ms linear}#mic-btn.active{background:#c0392b;color:#fff}.wk-question{margin:0;text-align:center;font-size:1.5rem;font-weight:700;overflow-wrap:anywhere}.rh-svg{width:100%;max-width:40rem;height:auto;display:block;margin:.6rem auto;border-radius:.6rem}.ls-text{font-size:1.05rem;max-width:48rem;margin:0 auto;overflow-wrap:anywhere}.improv-styles{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.eval-skills{list-style:none;margin:.5rem 0;padding:0;display:grid;gap:.3rem}.eval-skills li{display:flex;justify-content:space-between;gap:.6rem}.rev-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem;margin:.6rem 0}.rev-day{display:flex;flex-direction:column;align-items:center;padding:.3rem;border-radius:.5rem;background:var(--panel-bg);border:1px solid var(--panel-border);min-height:2.6rem}.rev-day.has{background:rgba(46,204,113,.22);border-color:#2ecc71}.rev-day small{color:var(--text-secondary)}.rev-group{margin:.8rem 0 .3rem}.eval-history,.rev-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.rev-list li{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between}.rev-list li span{flex:1 1 10rem;min-width:0;overflow-wrap:anywhere}.rev-list .secondary-btn{width:auto}.eval-history li{padding:.5rem;border:1px solid var(--panel-border);border-radius:.6rem}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;left:.5rem;top:-4rem;z-index:10000;background:#fff;color:#000;padding:.6rem 1rem;border-radius:.5rem;font-weight:700;text-decoration:none}.skip-link:focus{top:.5rem}:focus-visible{outline:.2rem solid #ffd166;outline-offset:0.12rem}main:focus{outline:0}.inline-toggle.wrap{flex-wrap:wrap;height:auto}.inline-toggle.wrap .inline-toggle-btn{flex:0 1 auto}html.dyslexia,html.dyslexia button,html.dyslexia input,html.dyslexia select,html.dyslexia textarea{--font-body:'Lexend','Verdana','Segoe UI',sans-serif;font-family:Lexend,Verdana,'Segoe UI',sans-serif;letter-spacing:.03em;word-spacing:0.12em}html.dyslexia .menu-description,html.dyslexia li,html.dyslexia p{line-height:1.65}:root.high-contrast[data-theme]{--bg-grad:#000;--panel-bg:#000;--panel-bg-strong:#1c1c1c;--panel-bg-modal:#000;--panel-border:#fff;--text-main:#fff;--text-secondary:#fff;--text-muted:#fff;--accent:#5b2fb0;--accent-soft:#e0ccff;--accent-dark:#3d1b78;--accent-text:#ffe14d;--glow-text:#9be8ff;--star:#ffe14d;--success:#2ecc71;--danger:#ff6b6b}html.high-contrast *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important}html.high-contrast :is(button,input,select,textarea){border:.12rem solid #fff}html.high-contrast a{color:#ffe14d;text-decoration:underline}@media (prefers-reduced-motion:reduce){html *,html ::after,html ::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}.pin-card{position:relative;display:grid;gap:.7rem}.pin-card input{padding:.6rem;border-radius:.6rem;border:1px solid var(--panel-border);background:rgba(255,255,255,.12);color:#fff;font-size:1.2rem;text-align:center;letter-spacing:.3em}.pin-modal{z-index:9900}.limit-overlay{z-index:9800;background:rgba(0,0,0,.94)}html.kid-mode{font-size:clamp(14px, min(calc(10.7px + .33vw), calc(6.6px + 1.07vh)), 24.8px);--font-body:'Comic Sans MS','Chalkboard SE','Poppins',sans-serif}html.kid-mode body,html.kid-mode button{font-family:'Comic Sans MS','Chalkboard SE',Poppins,sans-serif}html.kid-mode #main-nav [data-view=coach],html.kid-mode #main-nav [data-view=levels]{display:none}html.kid-mode .nav-btn,html.kid-mode .primary-btn,html.kid-mode .secondary-btn{border-radius:1.4rem}.tour-root{position:fixed;inset:0;z-index:9500}.tour-spot{position:fixed;border-radius:.8rem;box-shadow:0 0 0 100vmax rgba(5,15,25,.72),0 0 0 .25rem #ffd166;transition:all .25s ease;pointer-events:none}.tour-card{position:fixed;width:min(26rem,calc(100vw - 1rem));background:var(--panel-bg-modal,#123646);color:#fff;border:1px solid var(--panel-border);border-radius:1rem;padding:1.1rem 1.2rem;box-shadow:0 1rem 3rem rgba(0,0,0,.5);display:grid;gap:.6rem}.tour-card h3{margin:0}.tour-card p{margin:0;line-height:1.5;overflow-wrap:anywhere}.tour-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-end}.tour-count{flex:1 1 6rem;color:var(--text-muted);font-size:.85rem}.tour-actions button{width:auto}.sticker-count{margin:.4rem 0}.sticker-theme{margin:.9rem 0 .4rem}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.5rem}.sticker{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem .3rem;border-radius:.9rem;border:2px dashed var(--panel-border);background:var(--panel-bg);text-align:center;min-width:0}.sticker small{overflow-wrap:anywhere}.sticker-emoji{font-size:2.2rem;line-height:1.1}.sticker.owned{border-style:solid;background:var(--panel-bg-strong);transform:rotate(-1.5deg)}.sticker.owned:nth-child(2n){transform:rotate(1.5deg)}.sticker.rar-1{border-color:#5fb4ff;box-shadow:0 0 .7rem rgba(95,180,255,.45)}.sticker.rar-2{border-color:#ffd166;box-shadow:0 0 .9rem rgba(255,209,102,.6)}.sticker.locked{opacity:.45}.sticker-row{display:flex;flex-wrap:wrap;gap:.3rem}.sticker-mini{font-size:1.5rem}.hw-list{list-style:none;margin:.5rem 0;padding:0;display:grid;gap:.4rem}.hw-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.5rem .7rem;border:1px solid var(--panel-border);border-radius:.7rem;background:var(--panel-bg)}.hw-row.late{border-color:var(--danger)}.hw-row.done{opacity:.7}.hw-main{flex:1 1 10rem;min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}.hw-main small{color:var(--text-muted)}.hw-row .secondary-btn{width:auto}.hw-done,.hw-form{margin-top:.8rem}.hw-form-grid{display:grid;gap:.5rem;margin-top:.5rem}.hw-form-grid input,.hw-form-grid select{padding:.45rem;border-radius:.5rem;border:1px solid var(--panel-border);background:var(--panel-bg-strong);color:var(--text-main);font:inherit}.hw-import-label{cursor:pointer;width:auto;display:inline-block}.ls-group{margin:.9rem 0 .4rem;text-align:left}.ls-group small{color:var(--text-muted)}.dict-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.6rem;margin:.7rem 0}.dict-opt{position:relative;display:block;padding:.4rem;border-radius:.7rem;border:2px solid var(--panel-border);background:#fdfbf6;cursor:pointer;min-width:0}.dict-opt svg{display:block;width:100%;height:auto}.dict-opt:hover{border-color:var(--accent-soft)}.dict-opt.correct{border-color:#2ecc71;box-shadow:0 0 0 3px rgba(46,204,113,.4)}.dict-opt.wrong{border-color:#ff6b5a;box-shadow:0 0 0 3px rgba(255,107,90,.4)}.dict-letter{position:absolute;left:.4rem;top:.2rem;font-weight:700;color:#555}.learn-bar{height:.7rem;border-radius:.4rem;background:var(--panel-bg-strong);overflow:hidden;margin:.4rem 0}.learn-bar i{display:block;height:100%;background:linear-gradient(90deg,#2ecc71,#7ee8a2)}.learn-steps{list-style:none;margin:.6rem 0;padding:0;display:grid;gap:.4rem;text-align:left}.learn-steps li{display:flex;gap:.6rem;align-items:center;padding:.45rem .6rem;border:1px solid var(--panel-border);border-radius:.7rem;background:var(--panel-bg)}.learn-steps li.done{opacity:.7;border-color:#2ecc71}.learn-steps li.next{border-color:var(--accent-soft);box-shadow:0 0 0 2px rgba(182,142,232,.4)}.learn-mark{font-size:1.3rem;min-width:1.8rem;text-align:center}.learn-text{flex:1 1 8rem;min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}.learn-text small{color:var(--text-muted)}.learn-steps .secondary-btn{width:auto}#learn-plan-btn{margin-top:.4rem}#mini-body h4{margin:.7rem 0 .3rem;text-align:left}.improv-style-btn.active{border-color:var(--accent-soft);box-shadow:0 0 0 2px rgba(182,142,232,.5)}html.commercial #god-mode-btn,html.commercial #god-pill{display:none!important}.about-list{list-style:none;margin:.4rem 0;padding:0;display:grid;gap:.3rem}.about-list li{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between}.about-list span{color:var(--text-muted)}.about-credits{margin:.6rem 0}.about-credits ul{margin:.4rem 0 0 1.1rem;display:grid;gap:.3rem}.about-box{margin-bottom:.8rem}.course-card.paywall{opacity:.82;border-style:dashed}.course-row.paywall .course-row-title{opacity:.75}.course-card-lock{color:var(--text-muted)}.locked-card{text-align:left}.locked-perks{margin:.4rem 0}.locked-perks ul{margin:.4rem 0 0 1.1rem;display:grid;gap:.3rem;overflow-wrap:anywhere}.trial-banner{position:relative;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:0 0 .8rem;padding:.55rem 2.2rem .55rem .9rem;border-radius:.8rem;background:var(--panel-bg-strong);border:1px solid var(--panel-border)}.trial-banner-text{flex:1 1 18rem;min-width:0;overflow-wrap:anywhere}.trial-banner .secondary-btn{width:auto}.trial-banner-close{position:absolute;top:.2rem;right:.4rem;background:0 0;border:0;color:var(--text-muted);font-size:1.4rem;cursor:pointer}html.trial :is(#noterush-launch-btn,#memo-launch-btn,#pulse-launch-btn,#mystery-launch-btn,#rhythm-launch-btn,#wk-launch-btn,#improv-launch-btn,#ear-launch-btn,#dictee-launch-btn,#lhworkshop-launch-btn){position:relative}html.trial :is(#noterush-launch-btn,#memo-launch-btn,#pulse-launch-btn,#mystery-launch-btn,#rhythm-launch-btn,#wk-launch-btn,#improv-launch-btn,#ear-launch-btn,#dictee-launch-btn,#lhworkshop-launch-btn)::after{content:'🔒';position:absolute;top:.4rem;right:.5rem;font-size:.95rem}html.trial #main-nav :is([data-view=coach],[data-view=session])::before{content:'🔒 ';font-size:.8em}html.trial :is(#export-pdf-btn,#summary-share-btn,#mic-btn,#audio-rec-btn)::after{content:' 🔒';font-size:.85em}