._43lwDG_page{color:#182232;background:#fafaf9;min-height:100vh;padding:48px 0 64px}._43lwDG_header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;animation:.55s both _43lwDG_arrive;display:flex}._43lwDG_eyebrow{color:#64748b;letter-spacing:.18em;font-size:11px;font-weight:700}._43lwDG_title._43lwDG_title{letter-spacing:-.055em;margin:10px 0 12px;font-size:clamp(36px,5vw,52px);font-weight:750;line-height:1.2}._43lwDG_titleDot{color:#2563eb}._43lwDG_subtitle._43lwDG_subtitle{color:#667085;max-width:440px;font-size:15px;line-height:1.7}._43lwDG_headerArt{background:#f0f4fc;border:1px solid #e5e9f2;border-radius:28px;place-items:center;width:90px;height:90px;display:grid;transform:rotate(8deg)}._43lwDG_headerArt svg{color:#4772c7;font-size:42px;transform:rotate(-8deg)}._43lwDG_personal._43lwDG_personal{color:#fff;background:radial-gradient(at 100% 0,#2a5190,#0000 65%),#182b49;border-radius:20px;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:24px;margin-bottom:40px;padding:30px 32px;animation:.6s both _43lwDG_arrive;display:grid}._43lwDG_personalIntro{border-right:1px solid #ffffff26;padding-right:20px}._43lwDG_personalEyebrow{color:#c0cce0;letter-spacing:.1em;font-size:10px;font-weight:700}._43lwDG_personalRank{letter-spacing:-.04em;font-variant-numeric:tabular-nums;align-items:center;gap:12px;margin:6px 0 0;font-size:42px;font-weight:700;display:flex}._43lwDG_personalRank svg{color:#9ac2ff;font-size:26px}._43lwDG_personalCaption._43lwDG_personalCaption{color:#c0cce0;font-size:12px}._43lwDG_personalMetric{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}._43lwDG_metricLabel{color:#d2dded;align-items:center;gap:6px;font-size:12px;display:flex}._43lwDG_metricLabel svg{color:#9ac2ff;font-size:17px}._43lwDG_personalMetric strong{font-variant-numeric:tabular-nums;letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(24px,3vw,34px);font-weight:650;line-height:1.5}._43lwDG_metricHint{color:#b1c1d8;margin-top:3px;font-size:11px}._43lwDG_progressTrack{background:#ffffff26;border-radius:4px;width:100%;max-width:155px;height:4px;margin:3px 0 4px;overflow:hidden}._43lwDG_progressFill{border-radius:inherit;transform-origin:0;background:#9ac2ff;height:100%;animation:.85s .2s both _43lwDG_grow}._43lwDG_boardToolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}._43lwDG_sectionTitle._43lwDG_sectionTitle{letter-spacing:-.025em;font-size:20px;font-weight:700}._43lwDG_sectionCaption._43lwDG_sectionCaption{color:#758092;margin-top:4px;font-size:13px}._43lwDG_tabs._43lwDG_tabs{background:#f0f1f3;border:1px solid #e5e7eb;border-radius:12px;min-height:42px;padding:4px}._43lwDG_tabs .MuiTab-root{text-transform:none;color:#667085;border-radius:8px;min-width:96px;min-height:34px;padding:7px 16px;font-size:12px;font-weight:600;transition:color .18s,background .18s,box-shadow .18s}._43lwDG_tabs .MuiTab-root.Mui-selected{color:#182b49;background:#fff;box-shadow:0 1px 4px #182b4914}._43lwDG_tabs .MuiTabs-indicator{display:none}._43lwDG_board._43lwDG_board{background:#fff;border:1px solid #e5e7eb;border-radius:18px;animation:.6s 80ms both _43lwDG_arrive;overflow:hidden}._43lwDG_table .MuiTableCell-root{border-color:#eef0f3;padding:19px 22px}._43lwDG_table thead .MuiTableCell-root{color:#758092;white-space:nowrap;background:#fcfcfd;padding-top:16px;padding-bottom:16px;font-size:11px;font-weight:600}._43lwDG_table tbody tr:last-child .MuiTableCell-root{border-bottom:0}._43lwDG_columnHint{margin-top:1px;font-size:10px;font-weight:400;display:block}._43lwDG_rankCell._43lwDG_rankCell{width:90px}._43lwDG_rank{color:#7c8797;font-variant-numeric:tabular-nums;align-items:center;gap:9px;font-size:14px;font-weight:600;display:inline-flex}._43lwDG_rank svg{font-size:19px}._43lwDG_place1{color:#a67512}._43lwDG_place2{color:#68778d}._43lwDG_place3{color:#a66b45}._43lwDG_avatar._43lwDG_avatar{color:#71849f;background:#edf1f7;width:36px;height:36px}._43lwDG_yourAvatar._43lwDG_yourAvatar{color:#fff;background:#2563eb}._43lwDG_playerName._43lwDG_playerName{color:#273449;font-size:13px;font-weight:600}._43lwDG_playerIdentity{min-width:0}._43lwDG_youChip._43lwDG_youChip{color:#2563eb;background:#e5edff;height:19px;font-size:10px;font-weight:700}._43lwDG_youChip .MuiChip-label{padding:0 7px}._43lwDG_levelBadge{color:#536681;background:#f1f4f9;border:1px solid #e6eaf2;border-radius:7px;place-items:center;min-width:34px;height:28px;padding:0 7px;font-size:12px;font-weight:650;display:inline-grid}._43lwDG_notes{color:#253653;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}._43lwDG_lessonCount{color:#69768a;font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}._43lwDG_playerRow{animation:_43lwDG_arrive .45s var(--row-delay,0s) ease both;transition:background .18s}._43lwDG_playerRow:hover{background:#f8fafc}._43lwDG_currentRow{background:#f1f6ff}._43lwDG_currentRow:hover{background:#eaf1ff}._43lwDG_currentRow>:first-child{box-shadow:inset 3px 0 #3b77e5}._43lwDG_currentRow ._43lwDG_notes{color:#2563eb}._43lwDG_gap._43lwDG_gap{text-align:center;color:#9aa4b2;letter-spacing:.25em;padding:4px;font-size:20px}._43lwDG_feedback._43lwDG_feedback{text-align:center;padding:72px 24px}._43lwDG_emptyIcon._43lwDG_emptyIcon{color:#5883c5;font-size:36px}._43lwDG_error._43lwDG_error{margin:20px}._43lwDG_footer{color:#7b8696;text-align:center;justify-content:center;align-items:flex-start;gap:9px;max-width:700px;margin:22px auto 0;display:flex}._43lwDG_footer p{font-size:12px;line-height:1.8}._43lwDG_footer svg{flex-shrink:0;margin-top:2px}._43lwDG_mobileLevel{display:none}@keyframes _43lwDG_arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes _43lwDG_grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:700px){._43lwDG_page{padding-top:28px}._43lwDG_header{margin-bottom:24px}._43lwDG_headerArt{border-radius:18px;flex-shrink:0;width:60px;height:60px}._43lwDG_headerArt svg{font-size:30px}._43lwDG_personal._43lwDG_personal{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px;margin-bottom:28px;padding:22px}._43lwDG_personalIntro{border-bottom:1px solid #ffffff26;border-right:0;grid-column:1/-1;padding:0 0 18px}._43lwDG_personalRank{font-size:36px}._43lwDG_metricLabel{gap:3px;font-size:11px}._43lwDG_metricLabel svg{display:none}._43lwDG_metricHint{font-size:10px}._43lwDG_boardToolbar{flex-direction:column;align-items:flex-start;gap:16px}._43lwDG_tabs._43lwDG_tabs{width:100%}._43lwDG_tabs .MuiTabs-list{justify-content:space-between}._43lwDG_tabs .MuiTab-root{flex:1;min-width:0}._43lwDG_table .MuiTableCell-root{padding:16px 10px}._43lwDG_table thead .MuiTableCell-root{padding:14px 10px}._43lwDG_table ._43lwDG_levelColumn{display:none}._43lwDG_mobileLevel{color:#7b8696;margin-top:3px;font-size:11px;display:block}._43lwDG_rankCell._43lwDG_rankCell{width:44px}._43lwDG_rank{gap:3px;font-size:12px}._43lwDG_rank svg{font-size:14px}._43lwDG_avatar._43lwDG_avatar{display:none}._43lwDG_playerName._43lwDG_playerName{overflow-wrap:anywhere;font-size:12px}._43lwDG_youChip._43lwDG_youChip{display:none}._43lwDG_notes,._43lwDG_lessonCount{font-size:13px}._43lwDG_footer{text-align:left}}@media (prefers-reduced-motion:reduce){._43lwDG_page *,._43lwDG_page :before,._43lwDG_page :after{transition:none!important;animation:none!important}}
._5W9hEW_loader{color:#182339;text-align:center;font-family:var(--font-geist-sans), Arial, sans-serif;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:48px 24px;display:flex}._5W9hEW_screen{min-height:calc(100svh - var(--appbar-height,80px));background:radial-gradient(at 50% 42%,#eaf3fd 0,#0000 55%),#f8fafc}._5W9hEW_panel{min-height:260px}._5W9hEW_instrument{background:linear-gradient(145deg,#35465e,#18263d);border:1px solid #17243b;border-radius:12px 12px 9px 9px;flex-shrink:0;width:176px;padding:0 6px 7px;display:block;box-shadow:0 14px 28px -12px #182b4d45,inset 0 1px #ffffff26}._5W9hEW_cabinet{justify-content:center;align-items:center;gap:4px;height:27px;display:flex}._5W9hEW_cabinet span{opacity:.65;background:#95bfd4;border-radius:50%;width:3px;height:3px}._5W9hEW_cabinet span:nth-child(2){opacity:1;background:#b7eff6}._5W9hEW_keyboard{background:#101b2d;border-top:2px solid #5998b4;border-radius:0 0 4px 4px;height:72px;display:block;position:relative}._5W9hEW_whiteKeys{gap:2px;height:100%;display:flex}._5W9hEW_whiteKey{transform-origin:top;min-width:0;height:100%;animation:_5W9hEW_whitePress 2.4s ease-in-out var(--delay) infinite;background:linear-gradient(#e0e7ef,#fff 35%,#f4f6fa);border-radius:0 0 3px 3px;flex:1;box-shadow:inset 0 -4px #cbd5e1}._5W9hEW_blackKey{z-index:1;top:0;left:calc(var(--position) * 100% / 7);transform-origin:top;width:8.5%;height:62%;animation:_5W9hEW_blackPress 2.4s ease-in-out var(--delay) infinite;background:linear-gradient(90deg,#17243a,#35455d 60%,#1a2940);border:1px solid #0d182b;border-top:0;border-radius:0 0 3px 3px;position:absolute;transform:translate(-50%);box-shadow:0 3px 2px #0a152a55,inset 0 -4px #0e192b}._5W9hEW_copy{max-width:320px}._5W9hEW_message{letter-spacing:-.1px;color:#52647d;margin:0;font-size:14px;font-weight:500;line-height:1.7}._5W9hEW_detail{color:#74849b;margin:7px 0 0;font-size:12px;line-height:1.7}._5W9hEW_compact{gap:14px;padding:24px 12px}._5W9hEW_compact ._5W9hEW_instrument{border-radius:8px;width:112px;padding:0 4px 5px}._5W9hEW_compact ._5W9hEW_cabinet{height:17px}._5W9hEW_compact ._5W9hEW_keyboard{height:44px}._5W9hEW_compact ._5W9hEW_message{font-size:12px}._5W9hEW_icon{vertical-align:middle;gap:0;padding:0;display:inline-flex}._5W9hEW_icon ._5W9hEW_instrument{width:36px;box-shadow:none;border-radius:3px;padding:0 2px 2px}._5W9hEW_icon ._5W9hEW_cabinet{height:5px}._5W9hEW_icon ._5W9hEW_cabinet span{display:none}._5W9hEW_icon ._5W9hEW_keyboard{border-top-width:1px;height:18px}._5W9hEW_icon ._5W9hEW_whiteKeys{gap:1px}._5W9hEW_icon ._5W9hEW_whiteKey{border-radius:0 0 1px 1px;box-shadow:inset 0 -1px #cbd5e1}._5W9hEW_icon ._5W9hEW_blackKey{box-shadow:none;border:0;border-radius:0 0 1px 1px}._5W9hEW_srOnly{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes _5W9hEW_whitePress{0%,18%,to{background:linear-gradient(#e0e7ef,#fff 35%,#f4f6fa);transform:scaleY(1)}6%,12%{background:linear-gradient(#d3e3f8,#dbeafe 35%,#93c5fd);transform:scaleY(.94)}}@keyframes _5W9hEW_blackPress{0%,18%,to{background:linear-gradient(90deg,#17243a,#35455d 60%,#1a2940);transform:translate(-50%)scaleY(1)}6%,12%{background:linear-gradient(90deg,#215080,#447baf 60%,#245b8b);transform:translate(-50%)scaleY(.94)}}@media (prefers-reduced-motion:reduce){._5W9hEW_whiteKey,._5W9hEW_blackKey{animation:none}}
.a9QJaW_page{color:#202c3b;min-height:calc(100vh - 64px);font-family:var(--font-geist-sans), Arial, sans-serif;background:#f8fafc;padding:30px 24px 60px}.a9QJaW_container{min-width:0;max-width:1100px;margin:auto}.a9QJaW_back{color:#647b9d;align-items:center;gap:6px;margin-bottom:28px;font-size:12px;text-decoration:none;display:inline-flex}.a9QJaW_eyebrow{color:#71849b;letter-spacing:1.3px;font-size:10px;font-weight:650}.a9QJaW_header{margin-bottom:24px}.a9QJaW_header h1{letter-spacing:-1px;margin:10px 0;font-size:clamp(28px,4vw,40px);line-height:1.2}.a9QJaW_header>p{color:#71849b;font-size:14px}.a9QJaW_intro{border-left:3px solid #2563eb;margin-bottom:24px;padding:2px 20px}.a9QJaW_intro p{color:#64748b;margin:10px 0;font-size:13px;line-height:1.7}.a9QJaW_intro strong{color:#334760;font-weight:600}.a9QJaW_keyGuide{background:#fff;border:1px solid #dce5f2;border-radius:12px;margin:0 0 24px;padding:14px 18px}.a9QJaW_keyGuide summary{cursor:pointer;color:#36577c;font-size:13px;font-weight:600;line-height:1.6}.a9QJaW_keyGuide>p{color:#64748b;margin:14px 0;font-size:12px;line-height:1.7}.a9QJaW_keyGuide>section{margin-bottom:0}.a9QJaW_keyGuide summary:focus-visible{outline-offset:3px;outline:3px solid #06b6d4}.a9QJaW_examples{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-bottom:24px;display:grid}.a9QJaW_examples button{color:#71849b;cursor:pointer;font:inherit;background:#fff;border:1px solid #dde5ef;border-radius:11px;flex-direction:column;align-items:center;gap:7px;padding:15px 4px;display:flex}.a9QJaW_examples strong{color:#3d536e;font-size:16px}.a9QJaW_examples span{font-size:12px}.a9QJaW_examples small{font-size:10px}.a9QJaW_examples button[aria-pressed=true]{color:#2563eb;background:#eff6ff;border-color:#2563eb}.a9QJaW_examples button[aria-pressed=true] strong{color:#2563eb}.a9QJaW_exercise{background:#fff;border:1px solid #dfe7f0;border-radius:18px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid;overflow:hidden}.a9QJaW_explanation{padding:28px}.a9QJaW_explanation h2{letter-spacing:-.5px;margin:12px 0;font-size:clamp(24px,3vw,30px);line-height:1.3}.a9QJaW_explanation h2:focus{outline:none}.a9QJaW_explanation>p{color:#64748b;margin:14px 0;font-size:13px;line-height:1.7}.a9QJaW_primary,.a9QJaW_secondary{color:#526c92;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dae3ed;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:11px 15px;font-size:12px;display:inline-flex}.a9QJaW_primary{color:#fff;background:#2563eb;border-color:#2563eb}.a9QJaW_explanation>button{margin:6px 8px 6px 0}.a9QJaW_primary:disabled,.a9QJaW_secondary:disabled{opacity:.5;cursor:default}.a9QJaW_visual{background:#fbfcfe;border-left:1px solid #edf1f6;min-width:0;padding:24px}.a9QJaW_notePair{grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}.a9QJaW_notePair li{text-align:center;background:#fff;border:1px solid #e0e8f2;border-radius:11px;padding:14px 8px;transition:background .16s,border-color .16s}.a9QJaW_notePair small{color:#8393a7;letter-spacing:1px;margin-bottom:7px;font-size:9px;display:block}.a9QJaW_notePair strong{color:#2d4560;font-size:24px;font-weight:600}.a9QJaW_notePair li[data-active=true]{background:#fff6e5;border-color:#e8a02c}.a9QJaW_staff{min-height:160px;padding-top:4px;overflow-x:auto}.a9QJaW_staff>div{min-width:220px}.a9QJaW_letterCount{justify-content:center;gap:7px;margin:8px 0;padding:0;list-style:none;display:flex}.a9QJaW_letterCount li{color:#64748b;background:#f0f4f9;border-radius:7px;flex-direction:column;align-items:center;gap:4px;min-width:28px;padding:8px;display:flex}.a9QJaW_letterCount li:first-child,.a9QJaW_letterCount li:last-child{color:#2563eb;background:#e9f2ff}.a9QJaW_letterCount strong{font-size:13px;font-weight:600}.a9QJaW_letterCount small{font-size:9px}.a9QJaW_distance{text-align:center;color:#647b96;margin-top:14px;font-size:12px}.a9QJaW_progressPanel{background:#fff;border:1px solid #dce6f2;border-radius:12px;margin-bottom:20px;padding:18px 22px}.a9QJaW_progressPanel>strong{color:#36577c;margin-top:10px;font-size:18px;display:block}.a9QJaW_progress{background:#eaf0f8;border-radius:4px;height:6px;margin-top:12px;overflow:hidden}.a9QJaW_progress>span{background:#60a5fa;height:100%;transition:width .18s;display:block}.a9QJaW_explanation .a9QJaW_feedback{color:#365f8e;min-height:48px;margin-top:22px}.a9QJaW_hiddenNote{text-align:center;padding:24px 12px}.a9QJaW_hiddenNote>span{color:#aabbd0;font-size:64px;font-weight:500;display:block}.a9QJaW_hiddenNote p{color:#7c8fa6;max-width:300px;margin:8px auto;font-size:13px;line-height:1.7}.a9QJaW_connection{flex-wrap:wrap;align-items:center;gap:9px;margin:24px 0 12px;display:flex}.a9QJaW_connection>span{color:#71849b;flex:1;min-width:180px;font-size:12px}.a9QJaW_connection button{font-size:11px}.a9QJaW_finePrint{text-align:center;color:#7a8ea8;margin-top:16px;font-size:11px;line-height:1.6}.a9QJaW_error{color:#a33b2c;background:#fff1ee;border-radius:10px;padding:14px;font-size:12px;line-height:1.6}.a9QJaW_error button{color:inherit;margin-left:8px}.a9QJaW_page button:focus-visible,.a9QJaW_page a:focus-visible{outline-offset:3px;outline:3px solid #06b6d4}@media (max-width:800px){.a9QJaW_examples{grid-template-columns:repeat(4,minmax(0,1fr))}.a9QJaW_exercise{grid-template-columns:minmax(0,1fr)}.a9QJaW_visual{border-top:1px solid #edf1f6;border-left:0}.a9QJaW_staff{max-width:480px;margin:auto}}@media (max-width:480px){.a9QJaW_page{padding:22px 16px 40px}.a9QJaW_intro{padding-left:14px}.a9QJaW_explanation,.a9QJaW_visual{padding:20px 16px}.a9QJaW_examples{gap:6px}.a9QJaW_examples button{padding:12px 4px}.a9QJaW_examples strong{font-size:14px}.a9QJaW_letterCount{gap:3px}.a9QJaW_letterCount li{min-width:25px;padding:7px 4px}.a9QJaW_connection>span{flex-basis:100%}.a9QJaW_header>p{line-height:1.6}}@media (prefers-reduced-motion:reduce){.a9QJaW_page *{transition:none!important}}
._6CHpEq_tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px;display:grid}._6CHpEq_tabs button{color:#627792;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce5ef;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:17px 10px;display:flex}._6CHpEq_tabs strong{color:#36516f;font-size:14px}._6CHpEq_tabs span{font-size:12px}._6CHpEq_tabs button[aria-pressed=true]{color:#2563eb;background:#eff6ff;border-color:#2563eb}._6CHpEq_tabs button[aria-pressed=true] strong{color:#2563eb}._6CHpEq_symbol{color:#2563eb;background:#eef5ff;border-radius:9px;margin:4px 0;padding:7px 14px;font-size:24px;font-weight:650;line-height:1.3;display:inline-block}._6CHpEq_stack{max-width:340px;height:165px;margin:0 auto 16px;padding:0;list-style:none;position:relative}._6CHpEq_stack li{border:1px solid;border-radius:10px;align-items:center;gap:16px;height:46px;padding:0 16px;transition:transform .5s,background .25s,color .25s;display:flex;position:absolute;bottom:0;left:0;right:0}._6CHpEq_stack strong{min-width:38px;font-size:21px}._6CHpEq_stack span{text-transform:capitalize;font-size:12px}._6CHpEq_stack small{letter-spacing:1px;margin-left:auto;font-size:9px;font-weight:650}._6CHpEq_stack [data-role=root],._6CHpEq_legend [data-role=root]{color:#2563eb;background:#eaf2ff;border-color:#9fbff5}._6CHpEq_stack [data-role=third],._6CHpEq_legend [data-role=third]{color:#0f826c;background:#eaf8f3;border-color:#9fd8c8}._6CHpEq_stack [data-role=fifth],._6CHpEq_legend [data-role=fifth]{color:#9d6818;background:#fff5e4;border-color:#edcc8b}._6CHpEq_legend{justify-content:center;gap:8px;margin:12px 0 0;display:flex}._6CHpEq_legend span{border:1px solid;border-radius:20px;padding:5px 10px;font-size:10px}._6CHpEq_mystery{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:325px;padding:20px 12px;display:flex}._6CHpEq_mystery strong{color:#587ba9;font-size:28px}._6CHpEq_mystery p{color:#70869f;max-width:300px;margin:14px 0 0;font-size:13px;line-height:1.7}._6CHpEq_application{background:#fff;border:1px solid #dfe7f0;border-radius:14px;margin-top:22px;padding:22px 26px}._6CHpEq_application h2{color:#334d6b;margin:0 0 10px;font-size:19px}._6CHpEq_application p{color:#71849c;font-size:13px;line-height:1.7}._6CHpEq_application p:last-child{text-align:left;font-size:11px}._6CHpEq_loop{gap:10px;margin:18px 0;padding:0;list-style:none;display:flex}._6CHpEq_loop li{color:#496784;background:#f7faff;border:1px solid #dce5f0;border-radius:9px;padding:12px 22px;font-size:19px;transition:background .2s,color .2s}._6CHpEq_loop li[data-active=true]{color:#fff;background:#2563eb;border-color:#2563eb}._6CHpEq_audioButtons{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:600px){._6CHpEq_tabs{gap:6px}._6CHpEq_tabs button{padding:13px 7px}._6CHpEq_tabs strong{font-size:12px}._6CHpEq_tabs span{font-size:10px}._6CHpEq_application{padding:20px 16px}._6CHpEq_loop{gap:7px}._6CHpEq_loop li{padding:10px 15px;font-size:17px}}@media (prefers-reduced-motion:reduce){._6CHpEq_stack li,._6CHpEq_loop li{transition:none}}
.eGa92q_page{color:#182339;min-height:calc(100vh - 80px);font-family:var(--font-geist-sans), Arial, sans-serif;background:#f8fafc;padding:28px}.eGa92q_container{min-width:0;max-width:1200px;margin:auto}.eGa92q_back{color:#647b9d;align-items:center;gap:8px;margin-bottom:24px;font-size:12px;display:inline-flex}.eGa92q_header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.eGa92q_eyebrow{color:#7c94b5;letter-spacing:1.5px;font-size:9px;font-weight:650}.eGa92q_header h1{letter-spacing:-1.3px;margin:10px 0;font-size:clamp(28px,4vw,39px)}.eGa92q_header p{color:#7e8fa6;font-size:13px;line-height:1.7}.eGa92q_download{white-space:nowrap;color:#2563eb;font-size:11px}.eGa92q_console{color:#a8effa;font-family:var(--font-geist-mono), monospace;background:linear-gradient(110deg,#173a4a,#0c2434);border:4px solid #1a283e;border-radius:15px;align-items:center;gap:24px;padding:20px 24px;display:flex;box-shadow:inset 0 0 18px #0005}.eGa92q_console .eGa92q_eyebrow{color:#78b9cc}.eGa92q_console strong{margin-top:6px;font-size:28px;font-weight:500;display:block}.eGa92q_console strong span{color:#71a5b8;font-size:14px}.eGa92q_progress{background:#355a6a66;border-radius:2px;flex:1;min-width:80px;height:8px;overflow:hidden}.eGa92q_progress>span{background:#7fe6f4;height:100%;transition:width .2s;display:block}.eGa92q_target{letter-spacing:1px;white-space:nowrap;font-size:11px}.eGa92q_console button,.eGa92q_connection button,.eGa92q_error button{color:#526c92;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce5f1;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:inline-flex}.eGa92q_console button{color:#b3d9e8;background:#2b465f;border-color:#4b6d85}.eGa92q_console button:disabled,.eGa92q_connection button:disabled{opacity:.4;cursor:default}.eGa92q_connection{color:#71849f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 20px;margin:20px 0 10px;font-size:12px;display:grid}.eGa92q_connection>span{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;line-height:1.6;display:flex}.eGa92q_connection>span svg{flex-shrink:0}.eGa92q_connectionActions{flex-wrap:wrap;align-items:stretch;gap:8px;min-width:0;display:flex}.eGa92q_connectionActions button{white-space:nowrap;flex:1 0 auto;min-height:40px}.eGa92q_connection p{color:#a66524;grid-column:1/-1;font-size:11px;line-height:1.6}.eGa92q_feedback{color:#526d94;min-height:40px;padding:12px 0;font-size:12px;line-height:1.6}.eGa92q_sheet{scrollbar-width:thin;scrollbar-color:#b9c7d9 transparent;overscroll-behavior-x:contain;background:#fff;border:1px solid #e1e8f2;border-radius:15px;width:100%;min-width:0;padding:16px;overflow:auto hidden}.eGa92q_error{color:#ab4c38;background:#fff1ee;border-radius:10px;align-items:center;gap:16px;margin:12px 0;padding:16px;font-size:12px;display:flex}.eGa92q_loading{color:#8394ad;padding:14px 0;font-size:12px}.eGa92q_page button:focus-visible,.eGa92q_page a:focus-visible{outline-offset:3px;outline:3px solid #06b6d4}.eGa92q_completion{color:#217957;background:#eaf9f1;border:1px solid #bde6d1;border-radius:15px;align-items:center;gap:16px;margin-top:24px;padding:24px;display:flex}.eGa92q_completion>svg{font-size:32px}.eGa92q_completion h2{font-size:19px}.eGa92q_completion p{color:#65947e;margin-top:6px;font-size:12px;line-height:1.6}.eGa92q_completion a{white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:11px;display:inline-flex}@media (max-width:900px){.eGa92q_connection{grid-template-columns:minmax(0,1fr)}.eGa92q_connectionActions{justify-self:start;max-width:100%}}@media (max-width:700px){.eGa92q_page{padding:22px 16px}.eGa92q_header{flex-direction:column;align-items:flex-start;gap:14px}.eGa92q_header p{font-size:12px}.eGa92q_console{flex-wrap:wrap;gap:16px;padding:16px}.eGa92q_console strong{font-size:24px}.eGa92q_progress{min-width:120px}.eGa92q_target{font-size:10px}.eGa92q_connection{grid-template-columns:minmax(0,1fr);gap:12px}.eGa92q_connectionActions{width:100%}.eGa92q_connectionActions button{white-space:normal;text-align:center;flex:160px}.eGa92q_sheet{padding:8px}.eGa92q_completion{flex-wrap:wrap;padding:18px}.eGa92q_completion h2{font-size:17px}.eGa92q_completion a{margin-left:0}}@media (prefers-reduced-motion:reduce){.eGa92q_page *{transition:none!important}}.eGa92q_container{max-width:1600px}.eGa92q_scoreCanvas{width:100%;min-width:0;position:relative}.eGa92q_sheet:focus-visible{outline-offset:3px;outline:3px solid #06b6d4}@media (max-width:700px){.eGa92q_sheet{padding:8px}}.eGa92q_completion button{color:#217957;cursor:pointer;background:#fff;border:1px solid #b5d7c8;border-radius:8px;margin-top:10px;padding:8px 12px}.eGa92q_statistics{color:#7b8fa9;background:#fff;border:1px solid #e1e8f2;border-radius:10px;flex-wrap:wrap;gap:12px 24px;margin-top:16px;padding:12px 16px;font-size:11px;display:flex}.eGa92q_statistics strong{color:#33587e;font-variant-numeric:tabular-nums;margin-left:5px}.eGa92q_question{background:#eff6ff;border:1px solid #d8e6fa;border-radius:12px;margin:0 0 16px;padding:18px 22px}.eGa92q_question h2{color:#213954;margin:8px 0;font-size:22px}.eGa92q_question p{color:#71849f;font-size:12px;line-height:1.6}
.hmQC8G_panel{background:linear-gradient(120deg,#eff6ff,#faf7ff);border:1px solid #dce5f5;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:center;gap:24px;margin-bottom:28px;padding:24px 28px;display:grid}.hmQC8G_eyebrow{letter-spacing:1.3px;color:#627fc0;font-size:10px;font-weight:700}.hmQC8G_explanation h2{color:#213954;margin:10px 0 14px;font-size:clamp(20px,2.5vw,26px);line-height:1.3}.hmQC8G_explanation p{color:#627894;margin:12px 0;font-size:13px;line-height:1.75}.hmQC8G_explanation strong{color:#344862}.hmQC8G_scales{background:#ffffffb8;border:1px solid #dee6f2;border-radius:10px;gap:10px;padding:14px 16px;display:grid}.hmQC8G_scales>div{flex-wrap:wrap;gap:6px 16px;font-size:13px;line-height:1.7;display:flex}.hmQC8G_scales strong{min-width:115px}.hmQC8G_scales span{color:#647b9d}.hmQC8G_scales b{color:#2563eb}.hmQC8G_scales>div:last-child b{color:#7c3aed}.hmQC8G_explanation .hmQC8G_note{color:#8394ad;font-size:11px}.hmQC8G_chart{width:100%;max-width:340px;margin:0 auto}.hmQC8G_chart svg{width:100%;height:auto;font-family:inherit;display:block}.hmQC8G_chart figcaption{text-align:center;color:#8394ad;font-size:11px;line-height:1.6}.hmQC8G_chart figcaption span:first-child{color:#2563eb;font-weight:700}.hmQC8G_chart figcaption span:last-child{color:#7c3aed;font-weight:700}@media (max-width:800px){.hmQC8G_panel{grid-template-columns:minmax(0,1fr);gap:8px;padding:20px}.hmQC8G_chart{max-width:300px}}
.uZbSlW_page{--accent:#2563eb;--tint:#eff5ff;color:#202c3b;min-height:calc(100vh - 64px);font-family:var(--font-geist-sans), Arial, sans-serif;background:#fafaf8;padding:30px 24px 64px}.uZbSlW_page[data-kind=flats]{--accent:#0f8a76;--tint:#ecf8f3}.uZbSlW_container{min-width:0;max-width:1120px;margin:0 auto}.uZbSlW_back{color:#6b7785;align-items:center;gap:6px;margin-bottom:28px;font-size:13px;text-decoration:none;display:inline-flex}.uZbSlW_header{margin-bottom:26px}.uZbSlW_eyebrow{color:#73818e;letter-spacing:1.5px;font-size:10px;font-weight:700}.uZbSlW_header h1{letter-spacing:-1.5px;margin:10px 0;font-size:clamp(28px,4vw,42px);font-weight:650;line-height:1.2}.uZbSlW_header p{color:#6b7785;margin:0;font-size:15px}.uZbSlW_tabs{border-bottom:1px solid #dfe4e7;gap:28px;margin-bottom:24px;display:flex}.uZbSlW_tabs button{color:#8b949d;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 0;font-size:12px}.uZbSlW_tabs button span{margin-left:9px;font-size:13px;font-weight:600}.uZbSlW_tabs button[aria-current]{color:#202c3b;border-color:var(--accent)}.uZbSlW_layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);align-items:stretch;gap:24px;display:grid}.uZbSlW_circlePanel,.uZbSlW_card{background:#fff;border:1px solid #e2e7e9;border-radius:20px;min-width:0;padding:26px}.uZbSlW_circlePanel{background:radial-gradient(#fff 40%,#f8fafb)}.uZbSlW_panelHeading{justify-content:space-between;align-items:center;gap:12px;display:flex}.uZbSlW_direction{color:var(--accent);letter-spacing:.5px;font-size:10px;font-weight:650}.uZbSlW_circleFigure{color:var(--accent);margin:8px 0 0}.uZbSlW_circle{aspect-ratio:1;width:100%;max-width:440px;margin:0 auto;position:relative}.uZbSlW_ring{width:100%;height:100%;display:block;overflow:visible}.uZbSlW_arc{transition:stroke-dasharray .65s}.uZbSlW_traveler{transition:transform .65s}.uZbSlW_circleKey{color:#536170;width:45px;height:45px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e0e6ea;border-radius:50%;place-items:center;padding:0;font-size:15px;font-weight:650;transition:color .25s,background .25s,border-color .25s,box-shadow .25s;display:grid;position:absolute;transform:translate(-50%,-50%)}.uZbSlW_circleKey:hover:not(:disabled):not([aria-pressed=true]){border-color:var(--accent);color:var(--accent)}.uZbSlW_circleKey:disabled{cursor:default}.uZbSlW_circleKey.uZbSlW_visitedKey{color:var(--accent);border-color:var(--accent);background:var(--tint)}.uZbSlW_circleKey.uZbSlW_selectedKey{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 0 6px var(--tint)}.uZbSlW_circleCenter{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:30%}.uZbSlW_circleCenter span:first-child{color:#8a949d;letter-spacing:1.5px;font-size:9px}.uZbSlW_circleCenter strong{color:#202c3b;letter-spacing:-2px;font-size:clamp(35px,5vw,54px);font-weight:600;line-height:1.1;animation:.3s uZbSlW_keyAppear}.uZbSlW_circleCenter span:last-child{color:var(--accent);white-space:nowrap;font-size:12px}.uZbSlW_circleFigure figcaption{text-align:center;color:#64717e;margin:2px 0 12px;font-size:12px;font-weight:550}.uZbSlW_caption{color:#8b949d;text-align:center;margin:0;font-size:11px}.uZbSlW_toggle{background:#f3f5f6;border-radius:10px;gap:4px;margin-bottom:25px;padding:4px;display:flex}.uZbSlW_toggle button{color:#6b7785;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:9px 12px;font-size:12px;font-weight:600}.uZbSlW_toggle button[aria-pressed=true]{color:var(--accent);background:#fff;box-shadow:0 1px 4px #1e293b0d}.uZbSlW_card h2{letter-spacing:-.7px;margin:12px 0;font-size:clamp(23px,3vw,29px);font-weight:600;line-height:1.3}.uZbSlW_card p{color:#6b7785;margin:8px 0 18px;font-size:13px;line-height:1.7}.uZbSlW_card h2:focus{outline:none}.uZbSlW_order{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:20px 0 12px;padding:0;list-style:none;display:grid}.uZbSlW_order li{min-width:0}.uZbSlW_order button{cursor:pointer;background:#f9fafb;border:1px solid #e4e9ed;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:70px;padding:8px 2px;transition:color .25s,background .25s,border-color .25s;display:flex}.uZbSlW_order small{color:#96a0a8;font-size:9px}.uZbSlW_order strong{color:#64717e;font-size:19px;font-weight:600}.uZbSlW_order .uZbSlW_activeAccidental{background:var(--tint);border-color:var(--accent)}.uZbSlW_activeAccidental strong{color:var(--accent)}.uZbSlW_mnemonic{color:#9aa3aa;flex-wrap:wrap;gap:5px;margin-bottom:22px;font-size:10px;display:flex}.uZbSlW_mnemonic b{font-weight:700}.uZbSlW_activeWord{color:var(--accent)}.uZbSlW_example{border-left:3px solid var(--accent);background:var(--tint);border-radius:0 10px 10px 0;margin:22px 0 14px;padding:14px 16px}.uZbSlW_example strong{color:var(--accent);font-size:14px}.uZbSlW_example p{color:#495968;margin:6px 0 0;font-size:12px}.uZbSlW_card .uZbSlW_shortRule{color:#6b7785;font-size:12px;line-height:1.9}.uZbSlW_actions{flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 0;display:flex}.uZbSlW_primary,.uZbSlW_secondary{color:#536170;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce3e8;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.uZbSlW_primary{background:var(--accent);border-color:var(--accent);color:#fff}.uZbSlW_secondary:hover{border-color:var(--accent);color:var(--accent)}.uZbSlW_primary:disabled,.uZbSlW_secondary:disabled{opacity:.5;cursor:default}.uZbSlW_card .uZbSlW_finePrint{color:#96a0a8;margin-top:20px;margin-bottom:0;font-size:10px;line-height:1.7}.uZbSlW_progress{background:#eef1f3;border-radius:3px;height:5px;margin:18px 0 28px;overflow:hidden}.uZbSlW_progress span{background:var(--accent);height:100%;transition:width .2s;display:block}.uZbSlW_card .uZbSlW_stage{color:var(--accent);margin-top:22px;font-size:13px;font-weight:650}.uZbSlW_scale{flex-wrap:wrap;gap:7px;margin:24px 0;padding:0;list-style:none;display:flex}.uZbSlW_scale li{color:#7d8994;font-variant-numeric:tabular-nums;background:#f5f7f9;border:1px solid #0000;border-radius:7px;padding:9px;font-size:12px}.uZbSlW_scale li[aria-current]{color:var(--accent);border-color:var(--accent);background:var(--tint)}.uZbSlW_scale li[data-played=true]{color:#16866d;background:#edf8f3}.uZbSlW_card .uZbSlW_feedback{color:#536170;min-height:48px;margin:24px 0 10px;font-size:13px}.uZbSlW_hintRow{align-items:center;gap:16px;min-height:42px;display:flex}.uZbSlW_hintRow strong{color:var(--accent);font-size:15px}.uZbSlW_connection{flex-wrap:wrap;align-items:center;gap:9px;margin:24px 0 12px;display:flex}.uZbSlW_connection>span{color:#6b7785;flex:1;min-width:160px;font-size:12px}.uZbSlW_connection button{padding:8px 10px;font-size:11px}.uZbSlW_error{color:#a33b2c;background:#fff1ee;border-radius:10px;padding:16px;font-size:13px}.uZbSlW_error button{color:inherit;margin-left:12px}.uZbSlW_page button:focus-visible,.uZbSlW_page a:focus-visible{outline-offset:4px;outline:3px solid #93c5fd}@keyframes uZbSlW_keyAppear{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:850px){.uZbSlW_layout{grid-template-columns:minmax(0,1fr)}.uZbSlW_circlePanel{padding:20px}.uZbSlW_circle{max-width:350px}.uZbSlW_circleKey{width:44px;height:44px}.uZbSlW_circleCenter strong{font-size:45px}.uZbSlW_header h1{letter-spacing:-1px}}@media (max-width:480px){.uZbSlW_page{padding:22px 16px 40px}.uZbSlW_card{padding:22px 18px}.uZbSlW_circlePanel{padding:20px 12px}.uZbSlW_order{gap:4px}.uZbSlW_order button{border-radius:8px;min-height:62px}.uZbSlW_order strong{font-size:17px}.uZbSlW_tabs{gap:20px}.uZbSlW_tabs button span{margin-left:6px;font-size:12px}.uZbSlW_actions{align-items:stretch}.uZbSlW_actions .uZbSlW_primary{width:100%}.uZbSlW_connection>span{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.uZbSlW_page *,.uZbSlW_page :before,.uZbSlW_page :after{transition:none!important;animation:none!important}}
.Lb8QuW_guide{--accent:#2563eb;--tint:#eff5ff;background:#fff;border:1px solid #e1e8f2;border-radius:15px;grid-template-columns:minmax(240px,340px) minmax(0,1fr);align-items:center;gap:28px;margin:24px 0;padding:24px;display:grid}.Lb8QuW_guide[data-kind=flats]{--accent:#0f8a76;--tint:#ecf8f3}.Lb8QuW_circle,.Lb8QuW_chart{min-width:0}.Lb8QuW_chart h2{color:#213954;margin:0 0 12px;font-size:22px}.Lb8QuW_chart p{color:#64778c;margin:12px 0;font-size:12px;line-height:1.7}.Lb8QuW_order,.Lb8QuW_scale{gap:6px;margin:16px 0;padding:0;list-style:none;display:grid}.Lb8QuW_order{grid-template-columns:repeat(7,minmax(0,1fr))}.Lb8QuW_order li{color:#8b98a5;background:#f9fafb;border:1px solid #e4e9ed;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:12px 2px;display:flex}.Lb8QuW_order small{font-size:10px}.Lb8QuW_order strong{font-size:19px;font-weight:600}.Lb8QuW_order li[data-active=true]{border-color:var(--accent);background:var(--tint);color:var(--accent)}.Lb8QuW_chart .Lb8QuW_signature{color:var(--accent);font-weight:650}.Lb8QuW_scale{grid-template-columns:repeat(8,minmax(0,1fr))}.Lb8QuW_scale li{text-align:center;background:var(--tint);color:var(--accent);border-radius:7px;padding:10px 2px;font-size:13px}@media (max-width:700px){.Lb8QuW_guide{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}.Lb8QuW_circle{width:min(100%,320px);margin:auto}.Lb8QuW_chart h2{font-size:20px}.Lb8QuW_order{gap:4px}.Lb8QuW_scale{gap:3px}.Lb8QuW_scale li{font-size:11px}}
.mKzNTW_card{isolation:isolate;color:#223958;text-align:center;background:radial-gradient(at top,#eaf2ff,#0000 65%),#fff;border:1px solid #dbe6f5;border-radius:22px;margin:24px 0;padding:36px;animation:.45s both mKzNTW_enter;position:relative;overflow:hidden}.mKzNTW_medal{color:#b68220;background:#fff3d5;border:1px solid #f0ddaa;border-radius:22px;place-items:center;width:68px;height:68px;margin:0 auto 20px;animation:.65s .15s both mKzNTW_medal;display:grid;position:relative}.mKzNTW_medal svg{font-size:36px}.mKzNTW_eyebrow{letter-spacing:.16em;color:#6b86ae;font-size:10px;font-weight:700}.mKzNTW_card h2{letter-spacing:-.04em;outline:none;margin:12px 0;font-size:clamp(24px,4vw,34px);line-height:1.25}.mKzNTW_detail{color:#71829b;font-size:13px;line-height:1.7}.mKzNTW_xp{color:#2563eb;font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:9px;margin:22px 0 0;display:flex}.mKzNTW_xp svg{color:#dfaa38;align-self:center;font-size:30px}.mKzNTW_xp strong{letter-spacing:-.05em;font-size:clamp(40px,7vw,58px);line-height:1.2}.mKzNTW_xp>span{font-size:17px;font-weight:600}.mKzNTW_xpCaption{color:#7c8ba0;margin-top:7px;font-size:11px}.mKzNTW_levelPanel{background:#f1f5fc;border:1px solid #e2eafa;border-radius:14px;max-width:430px;margin:24px auto 0;padding:18px 20px}.mKzNTW_levelHeader{color:#7086a6;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:11px;display:flex}.mKzNTW_levelHeader>span:first-child{color:#365c93;font-size:14px;font-weight:700}.mKzNTW_track{background:#dce6f6;border-radius:9px;height:9px;overflow:hidden}.mKzNTW_track>span{border-radius:inherit;background:linear-gradient(90deg,#75a5ee,#2563eb);height:100%;display:block}.mKzNTW_levelMessage{color:#58749d;min-height:16px;margin-top:10px;font-size:11px}.mKzNTW_levelUp{animation:.45s both mKzNTW_pop}.mKzNTW_saveStatus{color:#73859e;max-width:430px;margin:16px auto 0;font-size:11px;line-height:1.7}.mKzNTW_syncDetails{color:#74859c;max-width:580px;margin:12px auto 0;font-size:12px;line-height:1.7}.mKzNTW_syncDetails button{cursor:pointer;color:#2563eb;font:inherit;background:#fff;border:1px solid #d7e2f2;border-radius:8px;margin-top:8px;padding:7px 12px}.mKzNTW_actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:26px;display:flex;position:relative}.mKzNTW_actions a,.mKzNTW_actions button{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 18px;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.mKzNTW_actions button{color:#56739b;cursor:pointer;background:#fff;border:1px solid #d8e3f3}.mKzNTW_actions .mKzNTW_primary{color:#fff;background:#2563eb;border:1px solid #2563eb}.mKzNTW_actions .mKzNTW_primary:hover{background:#1d4ed8}.mKzNTW_actions .mKzNTW_secondary{color:#6480a5}.mKzNTW_card button:disabled{opacity:.5;cursor:default}.mKzNTW_card a:focus-visible,.mKzNTW_card button:focus-visible{outline-offset:3px;outline:3px solid #75a5ee}.mKzNTW_theoryReward{color:#2b8c70;margin:24px auto;font-size:16px}.mKzNTW_theoryReward svg{vertical-align:middle}.mKzNTW_theoryReward p{color:#74859c;margin-top:8px;font-size:12px;line-height:1.8}.mKzNTW_confetti{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mKzNTW_confetti i{left:calc(7% + var(--i) * 6.5%);background:var(--color);width:7px;height:13px;animation:mKzNTW_fall 1.8s calc(var(--i) * 40ms) ease-in both;border-radius:2px;position:absolute;top:-16px}@keyframes mKzNTW_fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}15%{opacity:.85}to{opacity:0;transform:translateY(350px)rotate(320deg)}}@keyframes mKzNTW_enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes mKzNTW_medal{0%{opacity:0;transform:scale(.6)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes mKzNTW_pop{0%,to{transform:scale(1)}40%{color:#2563eb;transform:scale(1.15)}}@media (max-width:600px){.mKzNTW_card{padding:28px 18px}.mKzNTW_levelPanel{padding:16px}.mKzNTW_actions{gap:8px}.mKzNTW_actions .mKzNTW_primary{width:100%}}@media (prefers-reduced-motion:reduce){.mKzNTW_card,.mKzNTW_card *{transition:none!important;animation:none!important}.mKzNTW_confetti{display:none}}
.vSOv9G_page{color:#182b49;background:#fafaf9;min-height:100vh;padding:42px 0 60px}.vSOv9G_header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.vSOv9G_eyebrow,.vSOv9G_lightEyebrow{letter-spacing:.15em;color:#758297;font-size:10px;font-weight:700}.vSOv9G_pageTitle.vSOv9G_pageTitle{letter-spacing:-.045em;margin:9px 0;font-size:clamp(28px,3.5vw,40px);font-weight:750;line-height:1.25}.vSOv9G_pageTitle span{color:#2563eb}.vSOv9G_pageSubtitle.vSOv9G_pageSubtitle{color:#748094;font-size:14px}.vSOv9G_quietLink.vSOv9G_quietLink{text-transform:none;color:#637590;flex-shrink:0;font-size:12px}.vSOv9G_quietLink svg{font-size:16px}.vSOv9G_guestNotice{color:#5d6f88;background:#edf3ff;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;line-height:1.7}.vSOv9G_guestNotice a{color:#2563eb;font-weight:600;text-decoration:underline}.vSOv9G_heroGrid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch;gap:22px;margin-bottom:38px;display:grid}.vSOv9G_progressCard{color:#fff;background:radial-gradient(at 100% 0,#294e87,#0000 75%),#182b49;border-radius:20px;min-width:0;padding:26px}.vSOv9G_progressTop{justify-content:space-between;align-items:center;gap:10px;display:flex}.vSOv9G_lightEyebrow{color:#b6cae9}.vSOv9G_timeBadge{color:#c9d8ec;white-space:nowrap;background:#ffffff0e;border:1px solid #ffffff15;border-radius:7px;padding:6px 9px;font-size:10px}.vSOv9G_levelHero{align-items:center;gap:25px;padding:28px 0;display:flex}.vSOv9G_levelRing{background:conic-gradient(from -90deg, #91b9ff var(--progress), #ffffff1a 0);border-radius:50%;flex-shrink:0;width:126px;height:126px;padding:6px}.vSOv9G_levelRing>div{background:#1d3558;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.vSOv9G_levelRing svg{color:#f4cf77;font-size:21px}.vSOv9G_levelRing strong{letter-spacing:-.04em;font-size:38px;font-weight:700;line-height:1.1}.vSOv9G_levelRing span{color:#b6cae9;letter-spacing:.15em;margin-top:6px;font-size:9px;font-weight:700}.vSOv9G_levelCopy{flex:1;min-width:0}.vSOv9G_levelTitle.vSOv9G_levelTitle{color:#fff;letter-spacing:-.025em;font-size:21px;font-weight:650;line-height:1.3}.vSOv9G_levelSubtitle.vSOv9G_levelSubtitle{color:#b6cae9;margin:6px 0 18px;font-size:12px;line-height:1.8}.vSOv9G_xpLabels{color:#d5e1f4;font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;margin-bottom:7px;font-size:10px;display:flex}.vSOv9G_xpBar.vSOv9G_xpBar{background:#ffffff1a;border-radius:5px;height:5px}.vSOv9G_xpBar .MuiLinearProgress-bar{background:#91b9ff;border-radius:5px;transition:none}.vSOv9G_xpHint{color:#98b1d3;margin-top:8px;font-size:10px;display:block}.vSOv9G_statGrid{border-top:1px solid #ffffff1a;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:20px;display:grid}.vSOv9G_statItem{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:0 15px;display:flex}.vSOv9G_statItem:first-child{padding-left:0}.vSOv9G_statItem+.vSOv9G_statItem{border-left:1px solid #ffffff1a}.vSOv9G_statIcon{color:#97bfff;line-height:1}.vSOv9G_statIcon svg{font-size:19px}.vSOv9G_fireIcon{color:#ffb083}.vSOv9G_trophyIcon{color:#f4cf77}.vSOv9G_statItem strong{font-variant-numeric:tabular-nums;letter-spacing:-.03em;overflow-wrap:anywhere;font-size:23px;font-weight:650}.vSOv9G_statItem small{color:#b6cae9;letter-spacing:0;font-size:11px;font-weight:400}.vSOv9G_statItem>span:last-child{color:#a8bedb;font-size:10px}.vSOv9G_rankLink{color:#fff;border-radius:5px;text-decoration:none;transition:background .18s}.vSOv9G_rankLink:hover{background:#ffffff0c}.vSOv9G_rankLink:focus-visible{outline-offset:4px;outline:2px solid #91b9ff}.vSOv9G_lessonCard.vSOv9G_lessonCard{background:#fff;border:1px solid #e4e9f1;border-radius:20px;flex-direction:column;min-width:0;padding:26px;display:flex}.vSOv9G_lessonTop{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.vSOv9G_lessonIcon{color:#5480ca;background:#edf3ff;border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.vSOv9G_lessonIcon svg{font-size:20px}.vSOv9G_lessonNumber.vSOv9G_lessonNumber{letter-spacing:.1em;color:#2563eb;margin-bottom:7px;font-size:10px;font-weight:700}.vSOv9G_lessonTitle.vSOv9G_lessonTitle{letter-spacing:-.035em;color:#263b59;font-size:25px;font-weight:700;line-height:1.25}.vSOv9G_lessonDescription.vSOv9G_lessonDescription{color:#7a8697;margin-top:10px;margin-bottom:24px;font-size:12px;line-height:1.8}.vSOv9G_lessonBottom{margin-top:auto}.vSOv9G_smallLabel.vSOv9G_smallLabel{color:#7a8697;font-size:10px}.vSOv9G_lessonProgress.vSOv9G_lessonProgress{background:#edf1f7;border-radius:4px;height:4px}.vSOv9G_lessonProgress .MuiLinearProgress-bar{background:#8cabe1}.vSOv9G_practiceButton.vSOv9G_practiceButton{text-transform:none;width:100%;min-height:44px;box-shadow:none;background:#2563eb;border-radius:10px;margin-top:20px;font-size:13px;font-weight:600}.vSOv9G_practiceButton.vSOv9G_practiceButton:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb22}.vSOv9G_goals{margin-bottom:34px}.vSOv9G_goalsHeader,.vSOv9G_activityHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.vSOv9G_sectionTitle.vSOv9G_sectionTitle{letter-spacing:-.025em;color:#263b59;font-size:20px;font-weight:700}.vSOv9G_sectionSubtitle.vSOv9G_sectionSubtitle{color:#7a8697;margin-top:5px;font-size:12px;line-height:1.6}.vSOv9G_goalBadge{color:#5f789d;white-space:nowrap;background:#edf2fa;border-radius:20px;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:600;display:flex}.vSOv9G_completedBadge{color:#21856d;background:#e8f5ef}.vSOv9G_goalGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.vSOv9G_goalCard{animation:vSOv9G_arrive .55s var(--goal-delay) ease both;background:#fff;border:1px solid #e4e9f1;border-radius:16px;padding:22px;transition:transform .18s,box-shadow .18s}.vSOv9G_goalCard:hover{transform:translateY(-3px);box-shadow:0 8px 22px #182b4908}.vSOv9G_goalTop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.vSOv9G_goalIcon{color:#507cc6;background:#edf3ff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.vSOv9G_goalIcon svg{font-size:20px}.vSOv9G_goalState{color:#8b95a4;align-items:center;gap:3px;font-size:10px;display:flex}.vSOv9G_goalTitle.vSOv9G_goalTitle{color:#344862;font-size:14px;font-weight:650}.vSOv9G_goalAmount.vSOv9G_goalAmount{color:#7a8697;font-variant-numeric:tabular-nums;margin:7px 0 15px;font-size:12px}.vSOv9G_goalProgress.vSOv9G_goalProgress{background:#edf1f7;border-radius:5px;height:5px}.vSOv9G_goalProgress .MuiLinearProgress-bar{background:#568ae3;border-radius:5px;transition:none}.vSOv9G_goalComplete{background:#fbfefc;border-color:#cce8dc}.vSOv9G_goalComplete .vSOv9G_goalIcon{color:#21856d;background:#e8f5ef}.vSOv9G_goalComplete .vSOv9G_goalState{color:#21856d}.vSOv9G_goalComplete .vSOv9G_goalProgress .MuiLinearProgress-bar{background:#38a382}.vSOv9G_goalNote.vSOv9G_goalNote{color:#8a94a3;margin-top:13px;font-size:11px}.vSOv9G_goalError{background:#fff;border:1px solid #e4e9f1;border-radius:12px;padding:24px}.vSOv9G_activity.vSOv9G_activity{background:#fff;border:1px solid #e4e9f1;border-radius:18px;padding:26px}.vSOv9G_activityCount{color:#657b9b;white-space:nowrap;font-size:11px}.vSOv9G_heatmapScroll{padding:4px 0;overflow-x:auto}.vSOv9G_heatmapLegend{color:#8a94a3;justify-content:flex-end;align-items:center;gap:5px;margin-top:10px;font-size:10px;display:flex}.vSOv9G_legendSquare{border-radius:2px;width:9px;height:9px}.vSOv9G_activity .color-empty{fill:#edf0f5}.vSOv9G_activity .color-scale-1{fill:#c8d9fa}.vSOv9G_activity .color-scale-2{fill:#92b6f3}.vSOv9G_activity .color-scale-3{fill:#5489df}.vSOv9G_activity .color-scale-4{fill:#2563eb}.vSOv9G_header,.vSOv9G_progressCard,.vSOv9G_lessonCard,.vSOv9G_activity{animation:.55s both vSOv9G_arrive}.vSOv9G_lessonCard{animation-delay:70ms}.vSOv9G_activity{animation-delay:.12s}@keyframes vSOv9G_arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.vSOv9G_heroGrid{grid-template-columns:minmax(0,1fr)}.vSOv9G_levelHero{padding:25px 0}.vSOv9G_lessonCard.vSOv9G_lessonCard{padding:24px}.vSOv9G_lessonTop{margin-bottom:10px}}@media (max-width:600px){.vSOv9G_page{padding-top:26px}.vSOv9G_header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:22px}.vSOv9G_quietLink.vSOv9G_quietLink{padding-left:0}.vSOv9G_heroGrid{gap:16px;margin-bottom:28px}.vSOv9G_progressCard{padding:21px}.vSOv9G_levelHero{align-items:flex-start;gap:16px}.vSOv9G_levelRing{width:88px;height:88px;padding:4px}.vSOv9G_levelRing strong{font-size:28px}.vSOv9G_levelRing svg{font-size:16px}.vSOv9G_levelRing span{margin-top:3px;font-size:8px}.vSOv9G_levelTitle.vSOv9G_levelTitle{font-size:18px}.vSOv9G_levelSubtitle.vSOv9G_levelSubtitle{margin-bottom:12px;font-size:11px}.vSOv9G_xpLabels{flex-direction:column;gap:4px}.vSOv9G_statItem{padding:0 10px}.vSOv9G_statItem strong{font-size:20px}.vSOv9G_statItem small,.vSOv9G_statItem>span:last-child{font-size:9px}.vSOv9G_goalGrid{grid-template-columns:minmax(0,1fr);gap:12px}.vSOv9G_goalsHeader{flex-wrap:wrap;align-items:flex-start;gap:12px}.vSOv9G_goalCard{padding:18px 20px}.vSOv9G_goalTop{margin-bottom:12px}.vSOv9G_activity.vSOv9G_activity{padding:20px}.vSOv9G_activityHeader{flex-direction:column;align-items:flex-start;gap:10px}.vSOv9G_sectionTitle.vSOv9G_sectionTitle{font-size:19px}}@media (prefers-reduced-motion:reduce){.vSOv9G_page *,.vSOv9G_page :before,.vSOv9G_page :after{transition:none!important;animation:none!important}.vSOv9G_goalCard:hover{transform:none}}
.qBcSFG_page{color:#182339;min-height:calc(100vh - 80px);font-family:var(--font-geist-sans), Arial, sans-serif;background:#f8fafc;padding:28px}.qBcSFG_container{min-width:0;max-width:1000px;margin:0 auto}.qBcSFG_back{color:#647b9d;align-items:center;gap:8px;margin-bottom:24px;font-size:12px;display:inline-flex}.qBcSFG_header{margin-bottom:26px}.qBcSFG_eyebrow{color:#7c94b5;letter-spacing:1.3px;font-size:10px;font-weight:700}.qBcSFG_header h1{letter-spacing:-1px;margin:10px 0;font-size:clamp(28px,4vw,39px)}.qBcSFG_header p{color:#71849f;max-width:760px;font-size:13px;line-height:1.8}.qBcSFG_progressPanel{color:#a8effa;background:linear-gradient(110deg,#173a4a,#0c2434);border:4px solid #1a283e;border-radius:15px;align-items:center;gap:24px;margin-bottom:24px;padding:20px 24px;display:flex}.qBcSFG_progressPanel .qBcSFG_eyebrow{color:#78b9cc}.qBcSFG_progressPanel strong{margin-top:6px;font-size:28px;font-weight:500;display:block}.qBcSFG_progressPanel strong span{color:#71a5b8;font-size:14px}.qBcSFG_progress{background:#355a6a66;border-radius:4px;flex:1;min-width:80px;height:8px;overflow:hidden}.qBcSFG_progress>span{background:#7fe6f4;height:100%;transition:width .2s;display:block}.qBcSFG_restart{color:#b3d9e8;cursor:pointer;background:#2b465f;border:1px solid #4b6d85;border-radius:8px;align-items:center;gap:6px;padding:10px 12px;font-size:11px;display:inline-flex}.qBcSFG_restart:disabled{opacity:.5;cursor:default}.qBcSFG_card,.qBcSFG_completion{background:#fff;border:1px solid #dfe7f2;border-radius:16px;padding:28px}.qBcSFG_card h2,.qBcSFG_completion h2{color:#213954;margin:10px 0 20px;font-size:clamp(20px,3vw,26px)}.qBcSFG_staff{background:#fff;border:1px solid #e6edf5;border-radius:12px;min-height:200px;margin-bottom:24px;padding:16px;overflow-x:auto}.qBcSFG_staff>div{min-width:460px;position:relative}.qBcSFG_options{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.qBcSFG_option{color:#344862;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:18px 16px;font-size:18px;font-weight:650;transition:border-color .15s,background .15s;display:flex}.qBcSFG_option:hover:not(:disabled){background:#eff6ff;border-color:#86a9eb}.qBcSFG_option:disabled{cursor:default}.qBcSFG_optionLetter{color:#7c94b5;border:1px solid #d7e2f0;border-radius:7px;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.qBcSFG_option.qBcSFG_correct{color:#16866d;background:#effbf5;border-color:#55bd94}.qBcSFG_option.qBcSFG_incorrect{color:#a45f4c;background:#fff3ef;border-color:#edc0b5}.qBcSFG_option:disabled:not(.qBcSFG_correct):not(.qBcSFG_incorrect){opacity:.55}.qBcSFG_feedback{color:#71849f;min-height:52px;padding:18px 0;font-size:13px;line-height:1.6}.qBcSFG_feedback.qBcSFG_success{color:#16866d}.qBcSFG_primary{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:700;display:inline-flex}.qBcSFG_primary:disabled{opacity:.45;cursor:default}.qBcSFG_staffStatus{color:#8394ad;min-height:28px;margin:0 0 8px;font-size:12px}.qBcSFG_completion{text-align:center;background:#effbf5;border-color:#bde6d1}.qBcSFG_completion p{color:#65947e;margin-bottom:12px;font-size:13px;line-height:1.7}.qBcSFG_completeIcon{color:#16866d;font-size:44px}.qBcSFG_completion .qBcSFG_primary{margin-top:12px}.qBcSFG_error{color:#ab4c38;background:#fff1ee;border-radius:10px;align-items:center;gap:16px;margin:12px 0;padding:16px;font-size:12px;display:flex}.qBcSFG_error button{color:inherit;cursor:pointer;background:#fff;border:1px solid #edc0b5;border-radius:8px;flex-shrink:0;padding:8px 12px}.qBcSFG_loading{color:#8394ad;padding:8px 0;font-size:12px}.qBcSFG_page button:focus-visible,.qBcSFG_page a:focus-visible{outline-offset:3px;outline:3px solid #06b6d4}.qBcSFG_card h2:focus,.qBcSFG_completion h2:focus{outline:none}@media (max-width:650px){.qBcSFG_page{padding:22px 16px}.qBcSFG_card,.qBcSFG_completion{padding:20px 16px}.qBcSFG_progressPanel{flex-wrap:wrap;gap:16px;padding:16px}.qBcSFG_options{grid-template-columns:minmax(0,1fr);gap:10px}.qBcSFG_option{padding:14px;font-size:17px}.qBcSFG_staff{padding:8px}.qBcSFG_primary{width:100%}.qBcSFG_error{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.qBcSFG_page *{transition:none!important}}
.exf0FW_page{color:#182339;min-height:calc(100vh - 80px);font-family:var(--font-geist-sans), Arial, sans-serif;background:radial-gradient(at 90% 0,#eaf5fc 0,#0000 800px),#f8fafc;padding:30px 28px 36px}.exf0FW_container{max-width:1240px;margin:auto}.exf0FW_header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.exf0FW_eyebrow{letter-spacing:1.6px;color:#68788f;align-items:center;gap:8px;font-size:10px;font-weight:750;display:flex}.exf0FW_eyebrow>span{background:#06b6d4;border-radius:50%;width:7px;height:7px}.exf0FW_header h1{letter-spacing:-1.3px;margin:12px 0;font-size:clamp(27px,3vw,36px);font-weight:750;line-height:1.15}.exf0FW_header h1>span{color:#2563eb}.exf0FW_header p{color:#68788f;font-size:13px;line-height:1.7}.exf0FW_layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.exf0FW_journey{min-width:0}.exf0FW_pathHint{text-align:center;letter-spacing:.6px;color:#97a5b7;margin:14px 0 18px;font-size:10px}.exf0FW_path{scrollbar-width:thin;scrollbar-color:#b9c7d9 transparent;overscroll-behavior-x:contain;width:100vw;margin-inline:calc(50% - 50vw);padding-bottom:14px;position:relative;overflow:auto hidden}.exf0FW_instrument{height:300px;position:relative}.exf0FW_piano{width:100%;height:300px;display:block}.exf0FW_pianoShadow{fill:#aebdd0}.exf0FW_pianoCase{fill:#202e45;stroke:#101c30;stroke-width:2px}.exf0FW_felt{fill:#ae526d}.exf0FW_pianoBrand{fill:#72849f;letter-spacing:3px;font-size:10px}.exf0FW_key{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;scroll-margin-block:160px}.exf0FW_keySurface{stroke-width:1.4px;stroke-linejoin:round;transition:fill .35s,filter .16s,stroke .18s}.exf0FW_whiteKey .exf0FW_keySurface{fill:url(#ivory);stroke:#a9b8cc}.exf0FW_blackKey .exf0FW_keySurface{fill:url(#ebony);stroke:#0d1728}.exf0FW_blackShadow{fill:#070e1f66}.exf0FW_whiteKey{color:#8394ad}.exf0FW_blackKey{color:#a8b9d2}.exf0FW_whiteKey.exf0FW_current .exf0FW_keySurface,.exf0FW_whiteKey.exf0FW_selected .exf0FW_keySurface{fill:url(#activeIvory)}.exf0FW_blackKey.exf0FW_current .exf0FW_keySurface,.exf0FW_blackKey.exf0FW_selected .exf0FW_keySurface{fill:url(#activeEbony)}.exf0FW_whiteKey.exf0FW_current,.exf0FW_whiteKey.exf0FW_selected{color:#2563eb}.exf0FW_blackKey.exf0FW_current,.exf0FW_blackKey.exf0FW_selected{color:#d0e6ff}.exf0FW_whiteKey.exf0FW_complete .exf0FW_keySurface{fill:url(#completeIvory)}.exf0FW_blackKey.exf0FW_complete .exf0FW_keySurface{fill:url(#completeEbony)}.exf0FW_whiteKey.exf0FW_complete{color:#168569}.exf0FW_blackKey.exf0FW_complete{color:#b7f2d9}.exf0FW_key.exf0FW_selected .exf0FW_keySurface{stroke:#4b88e6;stroke-width:2.5px}.exf0FW_key.exf0FW_complete.exf0FW_selected .exf0FW_keySurface{stroke:#258f75}.exf0FW_key:hover .exf0FW_keySurface{filter:brightness(1.07)}.exf0FW_key:active .exf0FW_keySurface{filter:brightness(.95)}.exf0FW_key:focus-visible .exf0FW_keySurface{stroke:#06b6d4;stroke-width:4px}.exf0FW_keyLabel{pointer-events:none;font-size:16px}.exf0FW_keyNumber{fill:currentColor;text-anchor:middle;letter-spacing:.6px;font-size:13px;font-weight:750}.exf0FW_note{fill:currentColor;opacity:.65;font-size:9px}.exf0FW_keyStatus{color:inherit}.exf0FW_locked .exf0FW_keyStatus{opacity:.5}.exf0FW_current .exf0FW_keyStatus{animation:2s ease-in-out infinite exf0FW_pulse}.exf0FW_pianoControls{color:#8b9bb0;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:10px;display:flex}.exf0FW_pianoControls>div{gap:7px;display:flex}.exf0FW_pianoControls button{color:#647b9d;cursor:pointer;background:#fff;border:1px solid #dce4f0;border-radius:8px;place-items:center;width:31px;height:30px;display:grid}.exf0FW_pianoControls button:hover{color:#2563eb;background:#eff6ff}.exf0FW_console{width:100vw;top:var(--appbar-height,80px);z-index:20;background:linear-gradient(#2b3b53,#202e45 85%);border-top:1px solid #4b5c73;border-bottom:1px solid #111c2f;margin-inline:calc(50% - 50vw);position:sticky;box-shadow:inset 0 2px #ffffff0b,0 7px 12px #0d17291a}.exf0FW_consoleInner{grid-template-columns:150px minmax(0,1fr) 240px;align-items:center;gap:34px;max-width:1296px;margin:auto;padding:24px 28px 26px;display:grid}.exf0FW_consoleBrand{flex-direction:column;gap:9px;display:flex}.exf0FW_brandName{color:#d3dce9;letter-spacing:7px;font-size:19px;font-weight:600}.exf0FW_brandCaption{color:#8c9eb8;letter-spacing:1.6px;font-size:7px}.exf0FW_speaker{opacity:.65;background:repeating-linear-gradient(0deg,#0f192a 0 2px,#34445b 2px 4px);border-radius:8px;width:116px;height:42px;margin-top:14px;box-shadow:inset 0 1px 3px #030912}.exf0FW_displayScreen{color:#a1e8f5;min-width:0;font-family:var(--font-geist-mono), monospace;background:repeating-linear-gradient(0deg,#0000 0 3px,#79d4f903 3px 4px),linear-gradient(140deg,#102d3d,#09212e);border:5px solid #121e30;border-radius:11px;grid-template-columns:1.1fr 1fr;gap:14px 24px;padding:16px 22px 14px;display:grid;position:relative;box-shadow:inset 0 0 20px #0007,0 1px #ffffff1a,0 -1px 2px #030a16}.exf0FW_displayHeader{letter-spacing:1.5px;color:#77b8cb;border-bottom:1px solid #a0eaff20;grid-column:1/-1;justify-content:space-between;gap:12px;padding-bottom:10px;font-size:8px;display:flex}.exf0FW_displayHeader>span:first-child{align-items:center;gap:6px;display:flex}.exf0FW_displayHeader i{background:#6ef3d0;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #6ef3d077}.exf0FW_progressSummary{border-left:1px solid #a0eaff20;order:1;padding-left:22px}.exf0FW_summaryTop{color:#72bfd4;justify-content:space-between;display:flex}.exf0FW_summaryTop .exf0FW_eyebrow{color:#77b8cb;letter-spacing:1px;font-size:8px}.exf0FW_summaryTop>svg{width:16px;height:16px}.exf0FW_count{color:#a9f4ff;text-shadow:0 0 14px #5df3;margin:9px 0;font-size:27px;font-weight:600}.exf0FW_count span{color:#7bb9ca;font-size:9px;font-weight:400}.exf0FW_progress{background:#355a6a66;border-radius:1px;height:6px;overflow:hidden}.exf0FW_progress>div{background:repeating-linear-gradient(90deg,#7fe6f4 0 7px,#295164 7px 9px);height:100%;transition:width .6s;box-shadow:0 0 8px #7fe6f444}.exf0FW_progressSummary p{color:#77b8cb;margin-top:9px;font-size:8px;line-height:1.6}.exf0FW_lessonDetail{order:0;min-width:0}.exf0FW_lessonDetail .exf0FW_eyebrow{color:#77b8cb;letter-spacing:1px;font-size:8px}.exf0FW_lessonInfo{align-items:center;gap:9px;margin:9px 0 6px;animation:.25s exf0FW_reveal;display:flex}.exf0FW_lessonInfo h3{color:#b4f5ff;letter-spacing:-1px;text-shadow:0 0 16px #5df3;font-size:23px;font-weight:500}.exf0FW_lessonIcon{color:#88dce9;place-items:center;display:grid}.exf0FW_lessonIcon svg{width:18px;height:18px}.exf0FW_lessonDetail p{color:#87c1d1;font-size:9px;line-height:1.6}.exf0FW_statusBadge{color:#80d6c6;margin-top:8px;font-size:8px;display:inline-block}.exf0FW_lessonActions{min-width:0}.exf0FW_legend{color:#70a7b8;border-top:1px solid #a0eaff15;order:3;grid-column:1/-1;justify-content:center;gap:15px;padding-top:4px;font-size:8px;display:flex}.exf0FW_legend>span{align-items:center;gap:5px;display:flex}.exf0FW_legend i{border-radius:50%;width:6px;height:6px}.exf0FW_legend svg{width:11px;height:11px}.exf0FW_completeDot{background:#34b79a}.exf0FW_currentDot{background:#3b82f6}.exf0FW_page button:focus-visible{outline-offset:6px;outline:3px solid #06b6d4}@keyframes exf0FW_pulse{50%{opacity:.45}}@keyframes exf0FW_breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes exf0FW_reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes exf0FW_trace{0%{stroke-dashoffset:400px}to{stroke-dashoffset:0}}@media (max-width:1050px){.exf0FW_consoleInner{grid-template-columns:minmax(0,1fr) 210px;gap:24px}.exf0FW_consoleBrand{display:none}.exf0FW_displayScreen{column-gap:18px;padding-inline:18px}.exf0FW_progressSummary{padding-left:18px}}@media (max-width:700px){.exf0FW_page{padding:24px 16px}.exf0FW_header{flex-direction:column;gap:12px;margin-bottom:24px}.exf0FW_header h1{letter-spacing:-1px;font-size:29px}.exf0FW_header h1>span{display:block}.exf0FW_header p{font-size:11px}.exf0FW_layout{gap:20px}.exf0FW_pathHint,.exf0FW_pianoControls{font-size:9px}.exf0FW_consoleInner{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px 16px 16px}.exf0FW_displayScreen{border-width:4px;gap:10px 12px;padding:12px}.exf0FW_displayHeader{padding-bottom:8px;font-size:7px}.exf0FW_progressSummary{padding-left:12px}.exf0FW_count{font-size:23px}.exf0FW_count span{font-size:8px}.exf0FW_summaryTop>svg{display:none}.exf0FW_progressSummary p{font-size:7px}.exf0FW_summaryTop .exf0FW_eyebrow,.exf0FW_lessonDetail .exf0FW_eyebrow{letter-spacing:.5px;font-size:7px}.exf0FW_lessonInfo h3{font-size:19px}.exf0FW_lessonDetail p{font-size:8px}.exf0FW_statusBadge{font-size:7px}.exf0FW_legend{gap:12px;font-size:7px}}@media (prefers-reduced-motion:reduce){.exf0FW_page *,.exf0FW_page :before,.exf0FW_page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.exf0FW_startLesson{color:#153b4c;background:#a0e7ec;border-bottom:3px solid #5cb4bf;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:12px;font-size:12px;font-weight:700;display:flex}.exf0FW_startLesson:hover{background:#c0f4f6}.exf0FW_comingSoon{color:#acbdd3;margin-bottom:14px;font-size:11px;display:block}@media (max-width:700px){.exf0FW_startLesson,.exf0FW_comingSoon{width:100%;margin-bottom:0}}.exf0FW_progressError{color:#9a5b24;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;align-items:center;gap:16px;margin-bottom:20px;padding:14px 18px;font-size:12px;line-height:1.6;display:flex}.exf0FW_progressError button{color:inherit;cursor:pointer;background:#fff;border:1px solid #edc69b;border-radius:7px;flex-shrink:0;padding:8px 12px}@media (max-width:600px){.exf0FW_progressError{flex-wrap:wrap}}