/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.hidden{display:none}.table{display:table}.rounded{border-radius:.25rem}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#20302d;--muted:#687773;--cream:#f4f1e8;--paper:#fffdfa;--line:#e4e0d5;--teal:#24786f;--deep-teal:#155b55;--coral-action:#f56f5d;--coral-action-deep:#d85142;--sun-action:#f7c952;--shadow-soft:0 12px 34px #24343014;--shadow-card:0 28px 80px #2434301c;--coral:#f9ddd4;--coral-line:#f1bcae;--sun:#ffefba;--sun-line:#eecf71;--sky:#dcecf6;--sky-line:#afd2e7;--leaf:#dcebdc;--leaf-line:#aed1b0}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at 4% 10%, #ffdbd06b 0 11rem, transparent 11.1rem), radial-gradient(circle at 92% 7%, #ffe17d47 0 13rem, transparent 13.1rem), radial-gradient(circle at 87% 91%, #bee1d585 0 16rem, transparent 16.1rem), var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,Noto Sans JP,sans-serif}button{font:inherit;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline-offset:3px;outline:4px solid #2f716b47}.legal-page{min-height:100dvh;padding:28px 16px 56px}.legal-page article{border:1px solid var(--line);width:min(100%,760px);box-shadow:var(--shadow-card);background:#fffdfaf5;border-radius:28px;margin:0 auto;padding:clamp(25px,6vw,58px)}.legal-back{color:var(--teal);font-weight:800;text-decoration:none}.legal-kicker{color:var(--teal);letter-spacing:.16em;margin:42px 0 7px;font-size:12px;font-weight:850}.legal-page h1{letter-spacing:-.045em;margin:0 0 10px;font-size:clamp(31px,6vw,48px)}.legal-page h2{margin:32px 0 8px;font-size:20px}.legal-page p,.legal-page li{color:var(--muted);line-height:1.85}.legal-page a{color:var(--deep-teal)}.legal-updated{margin-top:0;font-size:13px}.legal-page hr{border:0;border-top:1px solid var(--line);margin:48px 0}.legal-footer{border-top:1px solid var(--line);margin-top:42px;padding-top:20px}.parent-legal-links{color:var(--muted);text-align:center;margin:18px 0 0;font-size:13px}.parent-legal-links a{color:var(--deep-teal);font-weight:750}.app-shell{min-height:100dvh;padding:22px clamp(16px,4vw,48px) 34px}.top-bar{justify-content:space-between;align-items:center;width:min(100%,1040px);margin:0 auto 16px;display:flex}.wordmark{color:var(--ink);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:18px;font-weight:760;display:flex}.wordmark-mark{color:#fff;background:var(--teal);border-radius:12px;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.parent-gate-wrap{position:relative}.parent-button,.close-round{border:1px solid var(--line);color:#77817e;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffffc2;border-radius:14px;place-items:center;width:44px;height:44px;padding:0;font-size:21px;display:grid;position:relative;box-shadow:0 3px 12px #303a370a}.parent-button:before{content:"";pointer-events:none;background:conic-gradient(var(--teal) var(--hold-progress,0deg), transparent 0);border-radius:17px;position:absolute;inset:-4px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0)}.hold-note{border:1px solid var(--line);background:var(--paper);width:max-content;color:var(--muted);border-radius:10px;padding:7px 10px;font-size:12px;font-weight:700;position:absolute;top:7px;right:54px;box-shadow:0 7px 20px #2d383414}.close-round{font-size:25px;line-height:1}.welcome-card{background:#fffdf9eb;border:1px solid #e5e1d7e0;border-radius:34px;grid-template-columns:.95fr 1.05fr;align-items:center;gap:clamp(10px,3vw,48px);width:min(100%,1040px);min-height:calc(100dvh - 108px);margin:0 auto;padding:clamp(30px,6vw,72px);display:grid;position:relative;overflow:hidden;box-shadow:0 22px 70px #39433f14}.welcome-copy{z-index:2;position:relative}.soft-label{color:var(--teal);letter-spacing:.1em;font-size:13px;font-weight:800}.welcome-copy p{color:var(--muted);margin:0 0 30px;font-size:clamp(15px,2vw,18px);font-weight:590;line-height:1.9}.start-button{color:#fff;background:var(--teal);min-width:190px;min-height:64px;box-shadow:0 7px 0 var(--deep-teal), 0 14px 30px #2f716b2e;cursor:pointer;border:0;border-radius:20px;justify-content:center;align-items:center;gap:12px;padding:14px 25px;font-size:17px;font-weight:800;display:inline-flex}.start-icon{background:#ffffff2e;border-radius:50%;place-items:center;width:31px;height:31px;padding-left:2px;font-size:12px;display:grid}.welcome-note{color:#89928f;margin:17px 0 0 28px;font-size:12px;font-weight:700;display:block}.welcome-visual{min-height:500px;position:relative}.listen-orb{z-index:2;aspect-ratio:1;color:#fff;background:var(--teal);border:10px solid #ffffffb3;border-radius:50%;place-items:center;width:clamp(145px,19vw,210px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 50px #2f716b38,inset 0 -8px #1048422e}.orb-note{font-size:clamp(64px,8vw,94px);transform:rotate(-7deg)}.sound-ripple{border:2px solid #2f716b1c;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple-one{aspect-ratio:1;width:68%}.ripple-two{aspect-ratio:1;width:88%}.friend-bubble{z-index:3;aspect-ratio:1;width:clamp(82px,10vw,112px);transform:rotate(var(--tilt));border:3px solid;border-radius:29px;place-items:center;font-size:clamp(45px,6vw,66px);display:grid;position:absolute;box-shadow:0 15px 30px #2b36321a,inset 0 -5px #2c36330d}.friend-bubble img{object-fit:contain;filter:drop-shadow(0 5px 4px #2a2f2c1f);width:88%;height:88%}.friend-1{--tilt:-6deg;top:6%;left:3%}.friend-2{--tilt:5deg;top:12%;right:2%}.friend-3{--tilt:5deg;bottom:7%;left:4%}.friend-4{--tilt:-5deg;bottom:5%;right:3%}.training-card{background:#fffdf9eb;border:1px solid #e5e1d7e0;border-radius:32px;width:min(100%,920px);min-height:calc(100dvh - 108px);margin:0 auto;padding:clamp(18px,3.5vw,36px);box-shadow:0 22px 70px #39433f14}.progress-row{align-items:center;gap:14px;max-width:620px;margin:0 auto;display:flex}.round-count{min-width:42px;color:var(--muted);font-size:14px;font-weight:740}.progress-track{background:#ebe9e2;border-radius:999px;flex:1;height:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:#75a69c;height:100%;transition:width .4s;display:block}.quit-practice-button{color:#645f58;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8d5cb;border-radius:999px;min-height:36px;padding:7px 12px;font-weight:800}.listen-area{justify-items:center;gap:10px;margin:clamp(18px,3.8vh,34px) 0 23px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.09em;font-size:13px;font-weight:750}.listen-button{color:#fff;background:var(--teal);min-width:224px;min-height:86px;box-shadow:0 7px 0 var(--deep-teal), 0 15px 30px #2f716b2e;cursor:pointer;border:0;border-radius:25px;justify-content:center;align-items:center;gap:15px;font-weight:800;display:flex}.speaker-glyph{width:44px;height:40px;display:inline-block;position:relative}.speaker-box{background:#fff;border-radius:3px 0 0 3px;width:10px;height:14px;position:absolute;top:14px;left:3px}.speaker-cone{border-top:14px solid #0000;border-bottom:14px solid #0000;border-right:16px solid #fff;width:0;height:0;position:absolute;top:7px;left:10px}.sound-wave{border:3px solid #0000;border-left:0;border-right-color:#fff;border-radius:0 50% 50% 0;width:14px;height:20px;position:absolute;top:10px}.wave-one{left:25px;transform:scale(.62)}.wave-two{left:31px}.prompt-wrap{text-align:center;min-height:36px;margin-bottom:12px;position:relative}.prompt{color:#52605c;margin:0;font-weight:760}.feedback-message{opacity:0;color:var(--teal);place-items:center;margin:0;font-weight:800;transition:opacity .15s;display:grid;position:absolute;inset:0}.feedback-message.correct,.feedback-message.try-again{opacity:1;background:var(--paper)}.feedback-message.try-again{color:#8b7552}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2.4vw,20px);max-width:660px;margin:0 auto;display:grid}.choice-card{cursor:pointer;border:2px solid;border-radius:27px;align-content:center;place-items:center;gap:2px;min-height:clamp(120px,19vh,158px);transition:transform .16s,box-shadow .16s,filter .16s;display:grid;position:relative;overflow:visible;box-shadow:inset 0 -4px #2e35330d,0 5px 18px #303a370f}.choice-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:inset 0 -4px #2e35330d,0 10px 24px #303a371a}.choice-card:active:not(:disabled){transform:scale(.97)}.choice-card:disabled{cursor:default}.choice-emoji{filter:drop-shadow(0 4px 3px #2a2f2c14);font-size:clamp(51px,7vw,71px);line-height:1.05}.choice-image{object-fit:contain;filter:drop-shadow(0 5px 4px #2a2f2c1f);width:clamp(66px,8vw,92px);height:clamp(58px,8vw,88px)}.choice-label{color:var(--tone-text,#191c1be0);font-size:14px;font-weight:760}.tone-coral{background:var(--coral);border-color:var(--coral-line)}.tone-sun{background:var(--sun);border-color:var(--sun-line)}.tone-sky{background:var(--sky);border-color:var(--sky-line)}.tone-leaf{background:var(--leaf);border-color:var(--leaf-line)}.choice-card.is-correct{animation:.62s both happy-bounce;box-shadow:0 0 0 5px #2f716b26,0 12px 24px #303a371a}.choice-card.is-shaking{animation:.36s gentle-shake}.choice-card.is-hint:not(.is-correct){outline:4px solid var(--teal);outline-offset:3px;animation:1.15s ease-in-out infinite hint-glow}.stars{pointer-events:none;height:35px;position:absolute;inset:-17px 20% auto}.stars i{color:#efbd43;text-shadow:0 2px #fff;font-style:normal;animation:.55s both star-pop;position:absolute}.stars i:first-child{font-size:20px;bottom:1px;left:4%;transform:rotate(-16deg)}.stars i:nth-child(2){font-size:25px;animation-delay:80ms;top:0;left:47%}.stars i:nth-child(3){font-size:18px;animation-delay:.15s;bottom:0;right:3%;transform:rotate(17deg)}.complete-card{text-align:center;background:#fffdf9f0;border:1px solid #e5e1d7e0;border-radius:34px;flex-direction:column;align-items:center;width:min(100%,700px);min-height:calc(100dvh - 108px);margin:0 auto;padding:clamp(34px,6vw,60px);display:flex;box-shadow:0 22px 70px #39433f14}.completion-sun{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:124px;height:124px;margin:2px 0 24px;display:grid;position:relative;box-shadow:0 15px 35px #2f716b30}.completion-sun>span{font-size:55px}.complete-star{color:#efbd43;text-shadow:0 2px #fff;font-style:normal;position:absolute}.star-a{font-size:25px;top:3px;left:-29px;transform:rotate(-17deg)}.star-b{font-size:19px;top:27px;right:-35px;transform:rotate(15deg)}.star-c{font-size:16px;bottom:-23px;left:-14px}.complete-card h1{letter-spacing:-.04em;margin:12px 0 26px;font-size:clamp(32px,5vw,46px);line-height:1.28}.session-result{border:1px solid var(--line);background:#faf8f2;border-radius:22px;grid-template-columns:repeat(3,1fr);width:100%;margin-bottom:30px;display:grid}.session-result>div{gap:6px;padding:18px 10px;display:grid}.session-result span{color:var(--muted);font-size:11px;font-weight:700}.complete-actions{align-items:center;gap:12px;display:flex}.finish-button,.again-button{cursor:pointer;border-radius:17px;min-height:54px;padding:12px 24px;font-weight:800}.finish-button{color:#fff;background:var(--teal);box-shadow:0 5px 0 var(--deep-teal);border:0}.again-button{border:1px solid var(--line);color:var(--muted);background:#fff}.parent-dashboard{background:#fffdf9f2;border:1px solid #e5e1d7e0;border-radius:32px;width:min(100%,1040px);min-height:calc(100dvh - 108px);margin:0 auto;padding:clamp(24px,4vw,48px);box-shadow:0 22px 70px #39433f14}.dashboard-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.dashboard-kicker{color:var(--teal);letter-spacing:.1em;font-size:12px;font-weight:800}.dashboard-heading h1{letter-spacing:-.035em;margin:7px 0 0;font-size:clamp(27px,4vw,38px)}.dashboard-close{border:1px solid var(--line);min-height:42px;color:var(--muted);cursor:pointer;background:#fff;border-radius:13px;padding:9px 15px;font-size:13px;font-weight:750}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;justify-content:center;min-height:128px;padding:18px;display:flex}.stat-card>span{color:var(--muted);font-size:12px;font-weight:720}.stat-card strong{letter-spacing:-.04em;margin:8px 0 1px;font-size:clamp(27px,4vw,37px)}.stat-card small{color:#8b9491;font-size:11px}.stat-level{color:#fff;background:var(--teal);border-color:var(--teal)}.stat-level>span,.stat-level small{color:#ffffffb8}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);gap:16px;display:grid}.dashboard-panel{border:1px solid var(--line);background:#fff;border-radius:22px}.chord-panel{padding:21px}.panel-title-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.panel-title-row h2,.insight-panel h2{margin:0;font-size:15px}.panel-title-row>span{color:var(--muted);font-size:11px;font-weight:700}.chord-row{grid-template-columns:50px minmax(0,1fr) 82px;align-items:center;gap:12px;padding:13px 0;display:grid}.chord-row+.chord-row{border-top:1px solid #eeebe4}.mini-symbol{border:1px solid;border-radius:15px;place-items:center;width:48px;height:48px;font-size:27px;display:grid;overflow:hidden}.mini-symbol img{object-fit:contain;width:90%;height:90%}.chord-meta{gap:3px;min-width:0;display:grid}.chord-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chord-meta span{color:var(--muted);font-size:11px}.accuracy-cell{justify-items:end;gap:5px;display:grid}.accuracy-cell strong{font-size:14px}.mini-progress{background:#ebe9e2;border-radius:999px;width:64px;height:5px;overflow:hidden}.mini-progress i{border-radius:inherit;background:#75a69c;height:100%;display:block}.dashboard-side{gap:12px;display:grid}.insight-panel,.time-panel,.level-panel{padding:19px}.insight-panel{background:#edf5f1;border-color:#d6e7df}.insight-icon{color:#fff;background:var(--teal);border-radius:12px;place-items:center;width:35px;height:35px;margin-bottom:12px;display:grid}.insight-panel p,.time-panel p,.level-panel p{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.65}.time-panel>span{color:var(--muted);font-size:11px;font-weight:700}.time-panel>strong{margin:6px 0;font-size:26px;display:block}.level-panel>div{justify-content:space-between;align-items:center;font-size:11px;font-weight:750;display:flex}.level-panel>div strong{font-size:15px}.level-track{background:#e8e7e1;border-radius:999px;height:7px;margin-top:10px;display:block;overflow:hidden}.level-track i{border-radius:inherit;background:#75a69c;width:100%;height:100%;display:block}@keyframes happy-bounce{0%{transform:scale(1)}38%{transform:scale(1.07)translateY(-7px)}68%{transform:scale(.98)}to{transform:scale(1)}}@keyframes gentle-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)rotate(-1deg)}55%{transform:translate(6px)rotate(1deg)}78%{transform:translate(-3px)}}@keyframes hint-glow{0%,to{box-shadow:0 0 #2f716b00}50%{box-shadow:0 0 0 7px #2f716b2e}}@keyframes star-pop{0%{opacity:0;transform:scale(.2)translateY(15px)}70%{opacity:1;transform:scale(1.2)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:780px){.welcome-card{text-align:center;grid-template-columns:1fr;padding-bottom:34px}.welcome-copy{order:2}.welcome-visual{order:1;min-height:310px}.welcome-copy h1{margin-top:9px}.welcome-note{margin-left:0}.friend-bubble{border-radius:23px;width:80px;font-size:44px}.listen-orb{width:145px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.app-shell{padding:14px 12px 18px}.top-bar{margin-bottom:10px}.welcome-card,.training-card,.complete-card,.parent-dashboard{border-radius:25px;min-height:calc(100dvh - 82px)}.welcome-card{flex-direction:column;justify-content:center;padding:22px 20px 30px;display:flex}.welcome-visual{width:100%;min-height:260px}.welcome-copy h1{font-size:43px}.welcome-copy p{font-size:14px;line-height:1.75}.ripple-two{width:92%}.friend-bubble{border-radius:20px;width:68px;font-size:38px}.start-button{min-height:59px}.training-card{padding:18px 14px}.listen-area{margin:17px 0 21px}.listen-button{min-height:78px}.choice-card{border-radius:22px;min-height:clamp(124px,19vh,145px)}.choice-emoji{font-size:53px}.complete-card{padding:32px 18px}.completion-sun{width:105px;height:105px}.session-result{grid-template-columns:1fr}.session-result>div{grid-template-columns:70px 1fr;place-items:center start;padding:10px 18px}.session-result>div+div{border-left:0;border-top:1px solid var(--line)}.complete-actions{flex-direction:column;width:100%}.finish-button,.again-button{width:100%}.parent-dashboard{padding:22px 15px}.dashboard-heading{align-items:start}.dashboard-close{display:none}.stats-grid{gap:8px}.stat-card{min-height:105px;padding:13px}.dashboard-side{grid-template-columns:1fr}}@media (orientation:landscape) and (max-height:650px){.app-shell{padding-top:10px}.top-bar{margin-bottom:8px}.training-card{min-height:calc(100dvh - 70px);padding:14px 24px}.listen-area{margin:9px 0 11px}.listen-button{min-height:61px}.prompt-wrap{min-height:28px;margin-bottom:7px}.choice-card{min-height:91px}.choice-emoji{font-size:43px}.welcome-card{min-height:calc(100dvh - 70px);padding-top:20px;padding-bottom:20px}.welcome-visual{min-height:360px}.complete-card{min-height:calc(100dvh - 70px);padding-top:20px;padding-bottom:20px}.completion-sun{width:82px;height:82px;margin-bottom:12px}.complete-card h1{margin:8px 0 14px;font-size:31px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tone-red{background:#f49a91;border-color:#a9231a}.tone-yellow{background:#ffe06b;border-color:#806000}.tone-blue{background:#a9c6ff;border-color:#174cc7}.tone-black{background:#36424b;border-color:#111820}.tone-black .choice-label{color:#fff}.tone-green{background:#a8deae;border-color:#18723a}.tone-orange{background:#ffad5c;border-color:#a94708}.tone-purple{background:#b996e2;border-color:#6624b5}.tone-pink{background:#ff97c1;border-color:#a8175b}.tone-brown{background:#c49166;border-color:#653819}.tone-lime{background:#cbe86b;border-color:#506d0a}.tone-peach{background:#ffd0b0;border-color:#b94519}.tone-lilac{background:#dcd2f5;border-color:#6c46ae}.tone-gray{background:#bec6cc;border-color:#46515c}.tone-cyan{background:#91e0e8;border-color:#08727d}.piano-badge{color:#83928b;letter-spacing:.08em;align-items:center;gap:8px;margin-top:23px;font-size:10px;font-weight:750;display:inline-flex}.piano-badge i{background:currentColor;border-radius:50%;width:3px;height:3px}.welcome-visual.is-single .listen-orb{display:none}.welcome-visual.is-single .friend-1{border-radius:44px;width:clamp(180px,22vw,235px);font-size:clamp(100px,12vw,130px);top:50%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.single-choice{grid-template-columns:1fr;max-width:340px}.single-choice .choice-label{font-size:17px}.medium-choices{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px}.many-choices{grid-template-columns:repeat(4,minmax(0,1fr));max-width:800px}.many-choices .choice-emoji{font-size:52px}.many-choices .choice-image,.medium-choices .choice-image{width:clamp(52px,6vw,68px);height:clamp(48px,6vw,64px)}.many-choices .choice-label{padding:0 5px;font-size:12px}.answer-hint{background:var(--teal);color:#fff;border-radius:20px;padding:3px 7px;font-size:10px;font-weight:800;position:absolute;top:5px;right:7px}.audio-error,.storage-warning{color:#795c2d;background:#fff1d7;border:1px solid #efd399;border-radius:13px;padding:12px 16px;font-size:13px;line-height:1.6}.storage-warning{width:min(100%,1040px);margin:0 auto 14px}.audio-error{max-width:660px;margin:12px auto}.stat-card strong em{opacity:.65;font-size:18px;font-style:normal;font-weight:500}.unlock-panel{background:#f0f6f0;border:1px solid #cadfd6;border-radius:24px;margin-bottom:20px;padding:27px}.unlock-copy h2{letter-spacing:-.03em;margin:7px 0 9px;font-size:23px}.unlock-copy p{color:var(--muted);margin:0 0 19px;font-size:13px;line-height:1.75}.next-chord{background:#fffdf9;border:1px solid #dde8dd;border-radius:17px;align-items:center;gap:12px;max-width:420px;margin-bottom:17px;padding:13px;display:flex}.next-chord>div{gap:5px;display:grid}.next-chord strong{font-size:14px}.next-chord>div span{color:var(--muted);font-size:12px}.preview-sound{border:1px solid var(--line);min-width:55px;min-height:40px;color:var(--teal);cursor:pointer;background:#fff;border-radius:12px;margin-left:auto;font-size:13px}.unlock-button{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:14px;min-height:49px;padding:12px 20px;font-size:14px;font-weight:750}.unlock-button span{margin-left:15px}.quiet-button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #d2ded6;border-radius:13px;margin-left:9px;padding:9px 14px;font-size:13px}.manual-unlock-note{color:#6f8076;margin-top:11px;font-size:11px;display:block}.unlock-confirm{background:#fff;border:1px solid #bbd4c7;border-radius:16px;padding:15px}.unlock-confirm p{margin:0 0 14px;font-size:13px}.stage-dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(285px,.9fr);align-items:start}.stage-guide-side{grid-template-columns:1fr}.panel-caption{color:var(--muted);margin:0 0 9px;font-size:11px;line-height:1.65}.stage-chord-list{margin:0;padding:0;list-style:none}.stage-chord-row{grid-template-columns:17px 42px minmax(0,1fr) 36px 32px;gap:8px}.stage-number{color:#8a9790;font-variant-numeric:tabular-nums;font-size:11px}.stage-chord-row .mini-symbol{border-radius:12px;width:40px;height:44px;font-size:25px}.stage-chord-row .chord-meta strong{white-space:normal;font-size:12px;line-height:1.4}.stage-chord-row .chord-meta span{font-size:10px;line-height:1.5}.stage-chord-row.is-locked .chord-meta{opacity:.62}.stage-chord-row.is-locked .mini-symbol{opacity:.67}.stage-chord-row .accuracy-cell strong{font-size:12px}.stage-chord-row .accuracy-cell>span{color:var(--muted);font-size:10px}.row-preview{min-height:40px;color:var(--teal);cursor:pointer;background:#f0f5f0;border:0;border-radius:11px;font-size:21px}.guide-panel,.introduction-panel{padding:21px}.guide-panel h2,.introduction-panel h2,.time-panel h2{margin:7px 0 12px;font-size:17px;line-height:1.5}.guide-important{color:#806a41;background:#faf5e5;border:1px solid #ede2bd;border-radius:12px;padding:12px;font-size:12px;line-height:1.75}.guide-check{align-items:start;gap:9px;padding:12px 0;display:flex}.guide-check+.guide-check{border-top:1px solid var(--line)}.guide-check>span{color:#89988d;background:#eef1ed;border-radius:50%;place-items:center;min-width:21px;height:21px;font-size:12px;display:grid}.guide-check[data-ready=true]>span{color:var(--teal);background:#d4e9dc}.guide-check strong{font-size:12px}.guide-check p,.introduction-panel p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.75}.introduction-panel p+p{margin-top:12px}.guide-footnote{border-top:1px solid var(--line);color:#89938e;padding-top:12px;font-size:10px;line-height:1.7}.introduction-panel{background:#eef5f0;border-color:#d6e5db}.source-details{border-top:1px solid var(--line);color:var(--muted);margin-top:24px;padding-top:18px;font-size:11px;line-height:1.8}.source-details summary{cursor:pointer;font-weight:750}.source-details p{margin:10px 0 0}.source-details a{color:var(--teal);text-underline-offset:3px;text-decoration:underline}.legacy-note{color:var(--muted);background:#f5f3ec;border-radius:12px;padding:13px;font-size:11px;line-height:1.8}@media (max-width:900px){.stage-dashboard-grid,.stage-guide-side{grid-template-columns:1fr}}@media (max-width:560px){.welcome-visual.is-single .friend-1{border-radius:37px;width:165px;font-size:100px}.many-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.many-choices .choice-card{border-radius:18px;min-height:86px}.many-choices .choice-emoji{font-size:43px}.many-choices .choice-label{font-size:10px;line-height:1.4}.medium-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.single-choice .choice-card{min-height:220px}.unlock-panel{padding:19px 15px}.unlock-copy h2{font-size:20px}.unlock-button{width:100%;font-size:13px}.quiet-button{width:100%;margin:10px 0 0}.stage-chord-row{grid-template-columns:14px 38px minmax(0,1fr) 31px 30px;gap:6px}.chord-panel{padding:16px 12px}.stage-chord-row .mini-symbol{width:37px;height:41px}.answer-hint{padding:2px 4px;font-size:9px;top:3px;right:3px}}@media (max-width:370px){.many-choices{gap:6px}}.app-shell{isolation:isolate;padding:18px clamp(14px,3vw,40px) 32px;position:relative}.app-shell:before,.app-shell:after{content:"";z-index:-1;pointer-events:none;filter:blur(1px);border-radius:999px;position:fixed}.app-shell:before{background:#f56f5d3d;width:18px;height:18px;top:31vh;left:5vw;box-shadow:34px 58px 0 -4px #24786f2e,10px 112px 0 -6px #f7c95259}.app-shell:after{background:#24786f33;width:12px;height:12px;bottom:18vh;right:5vw;box-shadow:-28px -44px 0 1px #f7c95247}.top-bar{width:min(100%,1120px);min-height:52px;margin-bottom:14px}.wordmark{letter-spacing:.02em;gap:11px;font-size:19px;font-weight:850}.wordmark-mark{background:linear-gradient(145deg, #31968b, var(--teal));border-radius:15px 15px 15px 6px;width:40px;height:40px;box-shadow:0 6px 16px #24786f33}.wordmark-mark img{object-fit:contain;filter:drop-shadow(0 2px 2px #2a2f2c1f);width:34px;height:34px}.parent-button,.close-round{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdfad6;border:0;border-radius:16px;width:46px;height:46px;box-shadow:0 6px 20px #26343014,inset 0 0 0 1px #2d3d3912}.hold-note{text-align:center;max-width:210px;box-shadow:var(--shadow-soft);border:0;border-radius:13px;position:static;top:6px;right:57px}.parent-gate-wrap{align-items:center;gap:8px;display:flex}.hold-note.is-holding{color:var(--teal)}.parent-instruction{color:var(--muted);margin:16px 0 0!important;font-size:12px!important;font-weight:700!important;line-height:1.6!important}.welcome-card,.training-card,.complete-card,.parent-dashboard{box-shadow:var(--shadow-card);border:0}.welcome-card{background:radial-gradient(circle at 82% 18%,#ffffffd1 0 11%,#0000 11.2%),linear-gradient(138deg,#fffefa 0 48%,#edf7f0 100%);border-radius:44px;grid-template-columns:.88fr 1.12fr;gap:clamp(20px,4vw,70px);width:min(100%,1120px);min-height:calc(100dvh - 102px);padding:clamp(34px,6.5vw,82px)}.welcome-card:before{content:"";background:#f7c95233;border-radius:46% 54% 62% 38%;width:260px;height:260px;position:absolute;top:-104px;right:-92px;transform:rotate(18deg)}.soft-label{min-height:31px;color:var(--deep-teal);letter-spacing:.08em;background:#24786f1a;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:850;display:inline-flex}.welcome-copy h1{letter-spacing:-.065em;margin:18px 0 22px;font-size:clamp(52px,7vw,82px);font-weight:900;line-height:1.03}.welcome-copy h1 span{color:var(--coral-action)}.welcome-copy p{color:#52635f;max-width:390px;margin-bottom:34px;font-weight:650}.start-button{background:linear-gradient(180deg, #fb7d6a, var(--coral-action));min-width:212px;min-height:68px;box-shadow:0 7px 0 var(--coral-action-deep), 0 18px 35px #da524233;border-radius:22px;font-size:18px;transition:transform .14s,box-shadow .14s,filter .14s}.start-button:hover:not(:disabled){filter:brightness(1.03)}.start-button:active{box-shadow:0 2px 0 var(--coral-action-deep), 0 9px 18px #da524226;transform:translateY(5px)}.start-icon{background:#ffffff38;width:34px;height:34px}.welcome-note{color:#7a8884;margin-left:32px}.starting-card{text-align:center;width:min(100%,620px);min-height:calc(100dvh - 160px);box-shadow:var(--shadow-card);background:#fffdf9f5;border-radius:42px;align-content:center;place-items:center;margin:0 auto;padding:clamp(38px,8vw,76px);display:grid}.starting-card>img{filter:drop-shadow(0 18px 24px #99443b2b);width:clamp(150px,28vw,220px);height:auto}.starting-card h1{margin:18px 0 7px;font-size:clamp(25px,5vw,38px)}.starting-card p{color:var(--muted);margin:0;font-weight:750}.starting-pulse{gap:7px;margin-top:24px;display:flex}.starting-pulse span{background:var(--coral-action);border-radius:50%;width:10px;height:10px;animation:.8s ease-in-out infinite alternate loading-bounce}.starting-pulse span:nth-child(2){animation-delay:.16s}.starting-pulse span:nth-child(3){animation-delay:.32s}@keyframes loading-bounce{to{opacity:.48;transform:translateY(-8px)}}.welcome-visual{min-height:520px}.listen-orb{background:linear-gradient(145deg, #31968b, var(--teal));border:12px solid #ffffffe0;width:clamp(155px,19vw,220px);box-shadow:0 26px 54px #24786f3d,inset 0 -10px #12534d29}.sound-ripple{border-color:#24786f21}.ripple-one{border-style:dashed;width:70%;animation:28s linear infinite slow-spin}.ripple-two{border-color:#f56f5d1a;width:90%}.friend-bubble{border-width:5px;border-color:#ffffffe0;border-radius:34px 34px 34px 14px;box-shadow:0 18px 35px #2b363221,inset 0 -6px #2c36330d}.welcome-visual.is-single .friend-1{border-width:8px;border-radius:56px 56px 56px 24px;width:clamp(205px,24vw,260px);animation:4.8s ease-in-out infinite gentle-float;box-shadow:0 28px 50px #99443b2b,0 0 0 18px #fff9}.training-card{background:#fffdf9f5;border-radius:42px;width:min(100%,960px);min-height:calc(100dvh - 102px);padding:clamp(20px,3vw,34px)}.progress-row{gap:16px;max-width:700px}.round-count{min-width:62px;color:var(--deep-teal);text-align:center;font-variant-numeric:tabular-nums;background:#e9f3ee;border-radius:999px;padding:7px 11px;font-size:13px}.progress-track{background:#ebe9e1;height:10px;padding:2px}.progress-track span{background:linear-gradient(90deg, #57a599, var(--teal))}.listen-area{background:radial-gradient(circle at 26% 18%,#fffc 0 9px,#0000 10px),radial-gradient(circle at 77% 78%,#f7c9524d 0 12px,#0000 13px),linear-gradient(145deg,#e9f6f0,#dcefe8);border-radius:34px;align-content:center;min-height:210px;margin:clamp(18px,3vh,28px) 0 20px;position:relative;overflow:hidden}.listen-area:before,.listen-area:after{content:"";pointer-events:none;border:2px solid #24786f14;border-radius:50%;position:absolute}.listen-area:before{width:270px;height:270px;top:50%;left:50%;transform:translate(-50%,-50%)}.listen-area:after{width:350px;height:350px;top:50%;left:50%;transform:translate(-50%,-50%)}.eyebrow{z-index:2;color:#5d706b;letter-spacing:.06em;position:relative}.listen-button{z-index:2;background:linear-gradient(145deg, #31968b, var(--teal));width:118px;min-width:118px;min-height:118px;box-shadow:0 8px 0 var(--deep-teal), 0 20px 36px #24786f3d;border:8px solid #ffffffeb;border-radius:50%;flex-direction:column;gap:2px;font-size:12px;transition:transform .14s,box-shadow .14s;position:relative}.listen-button:active{box-shadow:0 3px 0 var(--deep-teal), 0 10px 20px #24786f2e;transform:translateY(5px)}.speaker-glyph{width:43px;height:38px;transform:scale(.86)}.prompt-wrap{min-height:42px;margin-bottom:14px}.prompt,.feedback-message{font-size:clamp(16px,2vw,19px);font-weight:850}.feedback-message.correct,.feedback-message.try-again{background:#fffdf9fa}.choice-grid{gap:clamp(12px,2vw,18px);max-width:700px}.choice-card{border:3px solid var(--tone-edge,#d8d5cb);background:var(--tone-bg,#f5f3ed);min-height:clamp(132px,19vh,168px);box-shadow:0 7px 0 var(--tone-edge,#d8d5cb), 0 14px 24px #2c3a3514;border-radius:32px 32px 32px 16px;gap:5px;transition:transform .14s,box-shadow .14s,filter .14s}.choice-card:hover:not(:disabled){box-shadow:0 9px 0 var(--tone-edge,#d8d5cb), 0 18px 30px #2c3a351c;transform:translateY(-3px)}.choice-card:active:not(:disabled){box-shadow:0 2px 0 var(--tone-edge,#d8d5cb), 0 7px 14px #2c3a3512;transform:translateY(5px)}.choice-emoji{filter:drop-shadow(0 6px 4px #2a2f2c1a);font-size:clamp(58px,7vw,76px);transform:translateZ(0)}.choice-label{font-size:14px;font-weight:850}.choice-card.is-correct{border-color:#4a9b74;box-shadow:0 7px #358160,0 0 0 6px #4a9b7424,0 18px 28px #2c3a351a}.choice-card.is-hint:not(.is-correct){outline-offset:4px;outline:5px solid #24786f}.answer-hint{background:#155b55;padding:4px 9px;top:9px;right:9px;box-shadow:0 4px 10px #155b552e}.complete-card{background:radial-gradient(circle at 14% 16%,#f7c9522e 0 5rem,#0000 5.1rem),radial-gradient(circle at 86% 82%,#bfe2d559 0 8rem,#0000 8.1rem),#fffdfa;border-radius:44px;justify-content:center;width:min(100%,720px);min-height:calc(100dvh - 102px)}.completion-sun{width:138px;height:138px;color:var(--deep-teal);background:linear-gradient(145deg, #ffe28a, var(--sun-action));border:10px solid #ffffffd9;box-shadow:0 20px 38px #c795232e}.complete-card h1{font-weight:900}.session-result{background:0 0;border:0;gap:10px}.session-result>div{background:#ffffffc7;border:1px solid #2d3d3912;border-radius:20px;place-content:center;min-height:98px;box-shadow:0 8px 24px #2634300d}.session-result>div+div{border-left:1px solid #2d3d3912}.session-result strong{color:var(--deep-teal);font-size:28px}.finish-button,.again-button{border-radius:18px;min-height:58px}.finish-button{box-shadow:0 5px 0 var(--deep-teal), 0 12px 24px #24786f24}.again-button{border-color:#2d3d391a;box-shadow:0 8px 22px #2634300d}.parent-dashboard{background:#fffdf9f7;border-radius:38px;width:min(100%,1120px);min-height:calc(100dvh - 102px);padding:clamp(24px,4vw,52px)}.dashboard-heading{margin-bottom:30px}.dashboard-kicker{color:var(--deep-teal);letter-spacing:.12em;font-size:11px}.dashboard-heading h1{margin-top:8px;font-weight:900}.dashboard-close{background:#f2f1eb;border:0;border-radius:15px;min-height:46px;box-shadow:inset 0 0 0 1px #2d3d390f}.stats-grid{gap:14px;margin-bottom:20px}.stat-card{background:#f7f5ef;border:0;border-radius:24px;min-height:136px;box-shadow:inset 0 0 0 1px #2d3d390d}.stat-card:nth-child(2){background:#fff4df}.stat-card:nth-child(3){background:#eef3fb}.stat-card:nth-child(4){background:#f4eef9}.stat-card strong{font-weight:900}.stat-level{background:linear-gradient(145deg, #31968b, var(--teal));box-shadow:0 12px 28px #24786f2e}.unlock-panel{background:linear-gradient(135deg,#eaf6ef,#f6faef);border:0;border-radius:28px;margin-bottom:22px;padding:clamp(22px,3vw,34px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #24786f14}.unlock-panel:after{content:"♪";color:#24786f14;pointer-events:none;font-size:132px;font-weight:900;position:absolute;top:-24px;right:34px;transform:rotate(-9deg)}.unlock-copy,.next-chord,.unlock-confirm,.unlock-button{z-index:1;position:relative}.next-chord{background:#fffdf9e6;border:0;border-radius:19px;max-width:470px;padding:14px;box-shadow:0 8px 22px #2634300f,inset 0 0 0 1px #2d3d390f}.preview-sound,.row-preview{color:var(--deep-teal);background:#e8f2ed;border:0;font-weight:850}.unlock-button{background:linear-gradient(180deg, #2f8d83, var(--teal));min-height:52px;box-shadow:0 5px 0 var(--deep-teal), 0 11px 22px #24786f24;border-radius:16px}.quiet-button{background:#ffffffb3;border:0}.unlock-confirm{border:0;border-radius:18px;box-shadow:0 8px 22px #2634300f}.stage-dashboard-grid{gap:20px}.dashboard-panel{background:#fff;border:0;border-radius:26px;box-shadow:0 10px 30px #2634300f,inset 0 0 0 1px #2d3d390e}.chord-panel,.guide-panel{padding:24px}.panel-title-row h2{font-size:17px;font-weight:900}.panel-title-row>span{background:#f0f3ee;border-radius:999px;padding:5px 9px}.stage-chord-row{border-radius:16px;min-height:68px;padding:10px 8px;transition:background .15s}.stage-chord-row+.stage-chord-row{border-top:0}.stage-chord-row:not(.is-locked):hover{background:#faf9f5}.stage-chord-row.is-locked{opacity:.56}.stage-chord-row .mini-symbol{border-width:3px;border-color:#ffffffd1;box-shadow:0 5px 12px #26343014}.row-preview{border-radius:12px}.guide-important{color:#715d36;background:#fff5dc;border:0}.guide-check{gap:11px;padding:14px 0}.guide-check>span{min-width:24px;height:24px}.guide-check[data-ready=true]>span{color:var(--deep-teal);background:#d8efe1;font-weight:900}.guide-footnote{color:#75827e}.source-details{background:#ffffff94;border:0;border-radius:18px;padding:18px 20px}.source-details summary{color:#566560}.tone-red{--tone-bg:#f49a91;--tone-edge:#a9231a}.tone-yellow{--tone-bg:#ffe06b;--tone-edge:#806000}.tone-blue{--tone-bg:#a9c6ff;--tone-edge:#174cc7}.tone-black{--tone-bg:#36424b;--tone-edge:#111820;--tone-text:#fff}.tone-green{--tone-bg:#a8deae;--tone-edge:#18723a}.tone-orange{--tone-bg:#ffad5c;--tone-edge:#a94708}.tone-purple{--tone-bg:#b996e2;--tone-edge:#6624b5}.tone-pink{--tone-bg:#ff97c1;--tone-edge:#a8175b}.tone-brown{--tone-bg:#c49166;--tone-edge:#653819}.tone-lime{--tone-bg:#cbe86b;--tone-edge:#506d0a}.tone-peach{--tone-bg:#ffd0b0;--tone-edge:#b94519}.tone-lilac{--tone-bg:#dcd2f5;--tone-edge:#6c46ae}.tone-gray{--tone-bg:#bec6cc;--tone-edge:#46515c}.tone-cyan{--tone-bg:#91e0e8;--tone-edge:#08727d}.choice-card.tone-red,.choice-card.tone-yellow,.choice-card.tone-blue,.choice-card.tone-black,.choice-card.tone-green,.choice-card.tone-orange,.choice-card.tone-purple,.choice-card.tone-pink,.choice-card.tone-brown,.choice-card.tone-lime,.choice-card.tone-peach,.choice-card.tone-lilac,.choice-card.tone-gray,.choice-card.tone-cyan{background:var(--tone-bg);border-color:var(--tone-edge)}.single-choice{max-width:380px}.single-choice .choice-card{min-height:270px}.single-choice .choice-emoji{font-size:124px}.single-choice .choice-image{width:190px;height:180px}.medium-choices{max-width:760px}.many-choices{max-width:840px}.many-choices .choice-card,.medium-choices .choice-card{min-height:128px}@keyframes gentle-float{0%,to{transform:translate(-50%,-50%)rotate(-5deg)}50%{transform:translate(-50%,calc(-50% - 8px))rotate(-2deg)}}@keyframes slow-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@media (max-width:780px){.welcome-card{border-radius:36px;padding:30px 24px 38px}.welcome-visual{min-height:330px}.welcome-copy p{margin-left:auto;margin-right:auto}.dashboard-side{grid-template-columns:1fr}}@media (max-width:560px){.app-shell{padding:10px 8px 12px}.app-shell:before,.app-shell:after{display:none}.top-bar{min-height:48px;margin-bottom:6px;padding:0 6px}.wordmark{font-size:17px}.wordmark-mark{border-radius:13px 13px 13px 5px;width:36px;height:36px}.parent-button,.close-round{width:42px;height:42px}.hold-note{white-space:normal;max-width:118px;padding:5px 7px;font-size:10px;line-height:1.25;right:49px}.welcome-card,.training-card,.complete-card,.parent-dashboard{border-radius:30px;min-height:calc(100dvh - 66px);box-shadow:0 14px 42px #24343014}.starting-card{border-radius:30px;min-height:calc(100dvh - 116px)}.welcome-card{padding:18px 18px 28px}.welcome-visual{min-height:285px}.welcome-visual.is-single .friend-1{border-radius:42px 42px 42px 18px;width:178px;font-size:106px;box-shadow:0 21px 38px #99443b24,0 0 0 12px #ffffff94}.welcome-copy h1{margin:10px 0 14px;font-size:46px}.welcome-copy p{margin-bottom:23px}.start-button{width:100%;min-height:64px}.training-card{padding:16px 10px 18px}.progress-row{padding:0 7px}.quit-practice-button{min-height:32px;padding:5px 8px;font-size:11px}.listen-area{border-radius:27px;min-height:186px;margin:14px 0 17px}.listen-button{border-width:7px;width:105px;min-width:105px;min-height:105px}.listen-area:before{width:225px;height:225px}.listen-area:after{width:300px;height:300px}.prompt-wrap{min-height:38px;margin-bottom:10px}.choice-grid{gap:10px}.choice-card{min-height:clamp(125px,18vh,150px);box-shadow:0 6px 0 var(--tone-edge,#d8d5cb), 0 11px 18px #2c3a3512;border-width:2px;border-radius:25px 25px 25px 12px}.choice-emoji{font-size:58px}.choice-image{width:76px;height:70px}.single-choice .choice-card{min-height:240px}.single-choice .choice-emoji{font-size:112px}.single-choice .choice-image{width:150px;height:140px}.medium-choices .choice-card{min-height:110px}.many-choices .choice-card{min-height:82px}.medium-choices .choice-image,.many-choices .choice-image{width:58px;height:54px}.many-choices .choice-card{border-radius:20px 20px 20px 9px}.complete-card{padding:28px 14px}.completion-sun{width:116px;height:116px}.session-result{grid-template-columns:1fr;gap:8px}.session-result>div{grid-template-columns:76px 1fr;min-height:66px}.session-result>div+div{border-top:1px solid #2d3d3912;border-left:1px solid #2d3d3912}.parent-dashboard{padding:22px 13px}.stats-grid{gap:9px}.stat-card{border-radius:20px;min-height:111px}.unlock-panel{border-radius:23px}.chord-panel,.guide-panel{padding:18px 13px}.dashboard-panel{border-radius:22px}.source-details{padding:15px}}@media (hover:none){.choice-card:hover:not(:disabled){box-shadow:0 7px 0 var(--tone-edge,#d8d5cb), 0 14px 24px #2c3a3514;transform:none}}@media (orientation:landscape) and (max-height:650px){.training-card{padding-top:10px}.listen-area{min-height:120px;margin:8px 0 9px}.listen-button{border-width:6px;width:82px;min-width:82px;min-height:82px}.speaker-glyph{height:31px;transform:scale(.7)}.eyebrow{font-size:11px}.choice-card{min-height:94px}.choice-emoji{font-size:45px}.choice-image{width:54px;height:50px}.single-choice .choice-card{min-height:132px}.single-choice .choice-emoji{font-size:74px}.single-choice .choice-image{width:88px;height:82px}}.choice-notes{color:#20302d9e;letter-spacing:.025em;text-align:center;font-size:12px;font-weight:800;line-height:1.3}.tone-black .choice-notes{color:#ffffffc2}.practice-surface{width:min(100%,1120px);margin:0 auto}.mode-switch{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf9d1;border:1px solid #2d3d3914;border-radius:18px;grid-template-columns:1fr 1fr;gap:5px;width:min(100%,360px);margin:0 auto 12px;padding:5px;display:grid;box-shadow:0 7px 22px #26343012}.mode-switch button{color:#65736f;min-height:45px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;font-weight:850;display:inline-flex}.mode-switch button[aria-pressed=true]{color:#fff;background:linear-gradient(145deg, #31968b, var(--teal));box-shadow:0 4px 0 var(--deep-teal), 0 8px 18px #24786f2b}.mode-switch button:disabled{cursor:default;opacity:.78}.practice-surface .welcome-card,.practice-surface .training-card,.practice-surface .complete-card{min-height:calc(100dvh - 160px)}.note-preview{z-index:4;color:var(--deep-teal);white-space:nowrap;font-size:clamp(24px,4vw,38px);font-weight:900;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}@media (max-width:560px){.mode-switch{margin-bottom:8px}.mode-switch button{min-height:41px}.practice-surface .welcome-card,.practice-surface .training-card,.practice-surface .complete-card{min-height:calc(100dvh - 116px)}}.howto-card{color:#52635f;width:min(100%,380px);margin-top:25px}.howto-card summary{cursor:pointer;background:#ffffffad;border-radius:14px;align-items:center;gap:8px;width:fit-content;min-height:42px;padding:8px 13px;font-size:13px;font-weight:850;list-style:none;display:flex;box-shadow:inset 0 0 0 1px #2d3d3914}.howto-card summary::-webkit-details-marker{display:none}.howto-card summary>span{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:23px;height:23px;font-size:12px;display:grid}.howto-card[open] summary{color:var(--deep-teal);background:#fff}.howto-card ol{background:#ffffffb3;border-radius:17px;gap:9px;margin:11px 0 0;padding:13px;list-style:none;display:grid}.howto-card li{grid-template-columns:27px 1fr;align-items:center;gap:9px;font-size:13px;font-weight:700;display:grid}.howto-card li b{width:25px;height:25px;color:var(--deep-teal);background:#e5f1eb;border-radius:9px;place-items:center;font-size:11px;display:grid}.dashboard-actions{align-items:center;gap:10px;display:flex}.language-switch{background:#eeece5;border-radius:14px;padding:3px;display:flex}.language-switch button{color:#73807c;cursor:pointer;background:0 0;border:0;border-radius:11px;min-height:36px;padding:7px 11px;font-size:12px;font-weight:800}.language-switch button[aria-pressed=true]{color:var(--deep-teal);background:#fff;box-shadow:0 3px 10px #26343014}html[lang=en] .welcome-copy h1{letter-spacing:-.045em}html[lang=en] .choice-label{letter-spacing:-.01em}html[lang=en] .dashboard-heading h1{letter-spacing:-.025em}@media (max-width:780px){.howto-card{text-align:left;margin-left:auto;margin-right:auto}.howto-card summary{margin:0 auto}}@media (max-width:560px){.choice-notes{font-size:11px}.many-choices .choice-notes{font-size:9px}.howto-card{margin-top:18px}.dashboard-heading{gap:14px}.dashboard-actions{align-self:start}.language-switch button{min-height:34px;padding:6px 9px;font-size:11px}html[lang=en] .welcome-copy h1{font-size:43px}}.choice-option{text-align:center;grid-template-rows:minmax(0,1fr) auto;gap:6px;min-width:0;display:grid}.choice-option .choice-card{width:100%}.choice-option .choice-label{color:#1d2422;min-height:20px;font-size:14px;font-weight:900;line-height:1.2}.choice-solfege{color:#17211e;letter-spacing:.03em;background:#ffffffe0;border-radius:999px;padding:5px 11px;font-size:clamp(16px,2.2vw,23px);font-weight:950;line-height:1.15}.choice-card.is-hint:not(.is-correct){z-index:2;outline-offset:3px;outline:8px solid #ffd43b;animation:.72s ease-in-out infinite alternate answer-pulse;box-shadow:0 0 0 14px #ffd43b59,0 14px 32px #6b4c003d}.correct-badge{color:#fff;background:#16834c;border:4px solid #fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:24px;font-weight:950;display:grid;position:absolute;top:-14px;right:-12px;box-shadow:0 5px 15px #0b532d47}.feedback-message.try-again{color:#7b3500;font-size:clamp(20px,3vw,28px);font-weight:950}@keyframes answer-pulse{0%{transform:scale(1)}to{transform:scale(1.045)}}.practice-plan-panel,.practice-calendar{background:#fff;border-radius:26px;margin-bottom:20px;padding:clamp(20px,3vw,30px);box-shadow:0 10px 30px #2634300f,inset 0 0 0 1px #2d3d390e}.practice-plan-panel h2,.practice-calendar h2{margin:7px 0 14px;font-size:21px}.practice-plan-panel ul{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.practice-plan-panel li{background:#f5f3ec;border-radius:18px;align-content:center;gap:5px;min-height:105px;padding:15px;display:grid}.practice-plan-panel li:nth-child(2){background:#eef3fb}.practice-plan-panel li:nth-child(3){background:#eaf6ef}.practice-plan-panel li strong{color:var(--deep-teal);font-size:25px}.practice-plan-panel li span{font-size:12px;font-weight:780;line-height:1.55}.practice-plan-panel li.plan-copy-only{grid-column:1/-1;min-height:72px}.practice-plan-panel li.plan-copy-only span{font-size:14px}.practice-plan-panel>p,.practice-calendar>p,.panel-caption{color:#697873;font-size:12px;line-height:1.65}.rollback-actions{background:#f5f3ec;border-radius:16px;margin-top:16px;padding:15px}.rollback-actions>div:first-child strong{color:var(--deep-teal)}.rollback-actions>div:first-child p{color:#697873;margin:5px 0 10px;font-size:12px;line-height:1.55}.rollback-buttons{flex-wrap:wrap;gap:8px;display:flex}.rollback-buttons .quiet-button{margin:0}.rollback-buttons .quiet-button:disabled{opacity:.45;cursor:not-allowed}.calendar-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.calendar-actions{gap:7px;display:flex}.calendar-actions button{width:42px;height:42px;color:var(--deep-teal);cursor:pointer;background:#eaf3ef;border:0;border-radius:13px;font-size:25px}.calendar-actions button:disabled{opacity:.35;cursor:default}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.calendar-weekday{color:#77847f;text-align:center;padding:4px;font-size:11px}.calendar-day,.calendar-empty{border-radius:13px;min-height:54px;padding:6px}.calendar-day{background:#f6f4ee;place-items:center;gap:1px;display:grid}.calendar-day b{font-size:12px}.calendar-day small{color:#7b6a37;font-size:10px;font-weight:850}.calendar-day.has-practice{background:#fff0b7}.calendar-day.is-complete{color:#fff;background:#2f8d83}.calendar-day.is-complete small{color:#fff}.calendar-day.is-today{box-shadow:inset 0 0 0 3px #e76f61}.sound-group-title{color:var(--deep-teal);background:#edf5f1;border-radius:10px;margin:13px 0 5px;padding:8px 10px;font-size:12px;font-weight:900}.note-record-panel{margin-top:20px;padding:24px}.note-record-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.note-record{border:2px solid var(--tone-edge);background:var(--tone-bg);min-width:0;color:var(--tone-text,#1d2422);border-radius:15px;justify-items:center;gap:3px;padding:12px 5px;display:grid}.note-record>span{font-size:24px}.note-record small{text-align:center;font-size:9px;font-weight:850}.curriculum-panel,.focus-panel{margin:20px 0;padding:24px}.curriculum-panel h2,.focus-panel h2{margin:7px 0 14px}.curriculum-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.curriculum-list li{color:#78817e;background:#f5f4ef;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:10px;display:flex}.curriculum-list li>span{background:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.curriculum-list li.is-complete{color:#28675e;background:#e7f4ed}.curriculum-list li.is-current{color:#71370f;background:#fff0c9;box-shadow:inset 0 0 0 3px #efb44a}.stage-now-note{background:#fff8e5;border-left:5px solid #efb44a;border-radius:10px;margin:0 0 14px;padding:13px 15px;font-size:14px;line-height:1.7}.guide-page-link{min-height:44px;color:var(--deep-teal);text-underline-offset:4px;align-items:center;margin-top:4px;font-weight:900;display:inline-flex}.focus-sound-list{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;margin-bottom:14px;display:grid}.focus-sound-list label{cursor:pointer;border:2px solid #deddd6;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-height:54px;padding:10px 12px;display:grid}.focus-sound-list label.is-selected{border-color:var(--teal);background:#e8f5f0}.focus-sound-list input{grid-row:1/3;width:20px;height:20px}.focus-sound-list span{color:#6f7774;font-size:11px}@media (max-width:700px){.practice-plan-panel ul{grid-template-columns:1fr}.practice-plan-panel li{grid-template-columns:64px 1fr;align-items:center;min-height:74px}.calendar-grid{gap:4px}.calendar-day,.calendar-empty{min-height:46px;padding:4px}.note-record-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.curriculum-list{grid-template-columns:1fr}.choice-option{gap:4px}.choice-option .choice-label{font-size:12px}.many-choices .choice-card,.medium-choices .choice-card{min-height:96px}}@media (orientation:landscape) and (max-height:650px){.choice-option{gap:2px}.choice-option .choice-label{min-height:15px;font-size:11px}.choice-card.is-hint:not(.is-correct){outline-width:6px;box-shadow:0 0 0 9px #ffd43b52}}.guide-page{color:#23312e;background:linear-gradient(150deg,#fffaf0,#eef8f6 55%,#edf5ff);min-height:100vh;padding:clamp(22px,5vw,64px) 18px}.guide-article{width:min(100%,920px);margin:0 auto}.guide-article h1{letter-spacing:-.035em;max-width:760px;margin:14px 0 12px;font-size:clamp(34px,6vw,62px);line-height:1.08}.guide-lead{color:#556762;max-width:720px;margin:0 0 28px;font-size:clamp(16px,2.2vw,19px);line-height:1.8}.daily-rhythm{grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 38px;display:grid}.daily-rhythm>div{background:#ffffffdb;border:1px solid #26564e1a;border-radius:20px;padding:18px;box-shadow:0 10px 30px #23433d0f}.daily-rhythm strong{color:#176f65;margin-bottom:5px;font-size:22px;display:block}.daily-rhythm span{font-size:15px;line-height:1.6}.journey-title{margin:0 0 18px;font-size:clamp(25px,4vw,36px)}.journey-map{counter-reset:stage;gap:14px;margin:0;padding:0;list-style:none;display:grid;position:relative}.journey-map:before{content:"";background:linear-gradient(#ef625d,#eeb94f,#31968b,#3979c5);border-radius:4px;width:4px;position:absolute;top:24px;bottom:24px;left:26px}.journey-step{counter-increment:stage;background:#ffffffe6;border:1px solid #26564e17;border-radius:22px;grid-template-columns:54px 1fr;align-items:start;gap:16px;padding:18px 20px 18px 10px;display:grid;position:relative;box-shadow:0 10px 30px #23433d0e}.journey-step:before{content:counter(stage);z-index:1;color:#fff;background:#2d8d82;border:5px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;margin:2px auto 0;font-weight:950;display:grid;box-shadow:0 3px 10px #1f5b5338}.journey-step h3{margin:0 0 6px;font-size:19px}.journey-step p{color:#5d6c68;margin:0;font-size:15px;line-height:1.75}.journey-step .step-flow{flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;display:flex}.step-flow span{color:#285f57;background:#edf5f1;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:850}.step-flow b{color:#d78432}.guide-rule{color:#fff;background:#233f3a;border-radius:22px;margin:34px 0 0;padding:22px}.guide-rule h2{margin:0 0 8px;font-size:22px}.guide-rule p{color:#ffffffd1;margin:0;font-size:15px;line-height:1.75}.guide-english{color:#53625e;border-top:1px solid #2d3d392e;margin-top:38px;padding-top:30px}.guide-english h2{color:#23312e}.guide-english li{margin:8px 0;line-height:1.65}.paper-title-list{gap:12px;list-style:none;display:grid;padding-left:0!important}.paper-title-list li{background:#f4f7f5;border-radius:16px;padding:16px 18px}.paper-title-list strong,.paper-title-list span{display:block}.paper-title-list strong{margin-bottom:5px;line-height:1.65}.paper-title-list span{color:#687772;font-size:13px;line-height:1.55}@media (max-width:640px){.daily-rhythm{grid-template-columns:1fr}.journey-step{grid-template-columns:46px 1fr;padding-right:15px}.journey-map:before{left:22px}}.home-card{background:var(--paper);width:min(100%,1040px);box-shadow:var(--shadow-soft);border-radius:32px;margin:auto;padding:clamp(24px,5vw,56px)}.home-heading h1{letter-spacing:-.045em;max-width:650px;margin:14px 0 32px;font-size:clamp(30px,5vw,52px);line-height:1.4}.home-check{background:#e8f0e6;border-radius:26px;grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;padding:clamp(24px,4vw,38px);display:grid}.home-check h2{letter-spacing:-.035em;margin:14px 0 10px;font-size:clamp(26px,4vw,38px)}.home-check p{color:var(--muted);margin:0 0 18px;line-height:1.7}.home-sound-label{margin:0 0 22px;font-size:14px;display:block}.home-check .start-button{width:100%;max-width:360px;box-shadow:none;min-height:68px}.text-button{color:var(--deep-teal);font:inherit;cursor:pointer;background:0 0;border:0;padding:12px 4px;font-weight:650}.home-check .text-button{margin-top:10px;display:block}.access-label{background:var(--paper);border:1px solid var(--line);border-radius:20px;align-items:center;gap:5px;width:max-content;padding:5px 11px;font-size:12px;font-weight:650;display:inline-flex}.home-piano{gap:5px;height:170px;padding:16px;display:flex;transform:rotate(-6deg)}.home-piano span{min-width:0;color:var(--muted);background:var(--paper);border:1px solid #d4decd;border-bottom-width:6px;border-radius:7px 7px 12px 12px;flex:1;justify-content:center;align-items:flex-end;padding-bottom:16px;display:flex}.home-practice{border:1px solid var(--line);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:26px 30px;display:flex}.home-practice h2{margin:0 0 8px;font-size:22px}.home-practice p{color:var(--muted);margin:0 0 9px;line-height:1.7}.home-practice span{font-size:13px}.practice-start{border:1px solid var(--line);background:var(--paper);min-height:64px;color:var(--ink);cursor:pointer;border-radius:18px;flex-shrink:0;padding:16px 20px;font-weight:700}.home-footer{color:var(--muted);margin:20px 0 0;font-size:14px;line-height:1.7}.parent-button{width:auto;min-width:132px;color:var(--deep-teal);gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.hold-note{z-index:10;top:54px;right:0}.preview-notice{max-width:1040px;color:var(--muted);margin:0 auto 14px;font-size:13px}.sound-selector,.check-results{background:var(--paper);border-radius:28px;width:min(100%,850px);margin:auto;padding:clamp(24px,5vw,48px)}.sound-selector h1,.check-results h1{margin:14px 0 26px;font-size:clamp(28px,4vw,40px)}.sound-set-list{gap:12px;margin-bottom:30px;display:grid}.sound-set-list button{background:var(--paper);min-height:72px;color:var(--ink);border:2px solid var(--line);text-align:left;cursor:pointer;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:20px;font-weight:650;display:flex}.sound-set-list button.is-selected{border-color:var(--teal);background:#e8f0e6}.check-card .listen-area{margin:24px 0 10px}.check-prompt{text-align:center;margin:20px 0 8px;font-size:28px}.check-rule{text-align:center;color:var(--muted);margin:0 0 26px;line-height:1.6}.check-card .choice-card{min-height:92px}.check-card .choice-card.is-selected{outline:4px solid var(--deep-teal);outline-offset:4px;box-shadow:none;transform:none}.check-card .choice-card:disabled{opacity:1}.selected-answer{color:var(--deep-teal);margin-top:4px;font-size:12px}.check-card .choice-option{min-height:148px}.next-check-button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:18px;width:min(100%,360px);min-height:64px;margin:28px auto 0;padding:16px 26px;font-size:19px;font-weight:750;display:block}.next-check-button:disabled,.start-button:disabled,.practice-start:disabled{opacity:.45;cursor:default}.check-score{color:var(--deep-teal);margin:8px 0 12px;font-size:clamp(26px,5vw,42px);font-weight:750}.check-answer-list{margin:26px 0;padding:0;list-style:none}.check-answer-list li{border-bottom:1px solid var(--line);grid-template-columns:24px 24px 1fr 1fr 44px;align-items:center;gap:14px;padding:17px 0;display:grid}.check-answer-list strong,.check-answer-list small{display:block}.result-answer-label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.result-outcome{color:var(--deep-teal);font-size:22px}.result-number{color:var(--muted);font-size:14px}.check-answer-list small{color:var(--muted);margin-top:4px;font-size:12px}.plan-comparison{grid-template-columns:1fr 1fr;gap:18px;margin:24px 0;display:grid}.plan-comparison article{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:24px}.plan-comparison article:last-child{background:#e8f0e6}.plan-comparison p{color:var(--muted);line-height:1.8}.plans-panel{margin-bottom:28px}.plans-panel h2{font-size:26px}.dashboard-tabs{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.dashboard-tabs button{background:var(--paper);min-height:52px;color:var(--muted);cursor:pointer;border:0;border-radius:14px;padding:12px 20px;font-weight:700}.dashboard-tabs button[aria-selected=true]{background:var(--deep-teal);color:#fff}.parent-dashboard [hidden]{display:none}.current-practice-banner{margin:18px 0 24px}.current-practice-banner>span{color:var(--muted);font-size:13px}.current-practice-banner h2{margin:10px 0 0;font-size:24px}.parent-dashboard .stats-grid{grid-template-columns:repeat(3,1fr)}.parent-record-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:22px;margin:26px 0;display:grid}.sound-record-list{margin:20px 0 0;padding:0;list-style:none}.sound-record-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.sound-record-list li>span:first-child{flex:1;font-weight:650}.sound-record-list li>span:nth-child(2){color:var(--muted);font-size:12px}.check-history{margin-top:24px}.check-history ol{padding:0;list-style:none}.check-history li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex}.check-history li span{color:var(--muted);margin-top:6px;font-size:13px;display:block}.practice-track-picker{grid-template-columns:1fr 1fr;gap:14px;margin:22px 0;display:grid}.practice-track-picker button{border:2px solid var(--line);min-height:92px;color:var(--ink);background:var(--paper);text-align:left;cursor:pointer;border-radius:18px;padding:20px}.practice-track-picker button[aria-pressed=true]{border-color:var(--teal);background:#e8f0e6}.practice-track-picker .access-label{margin-top:10px;display:block}.practice-set-label{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.practice-set-label select{font:inherit;background:var(--paper);max-width:100%;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px 16px}.next-sound-panel{align-items:center;gap:20px;margin:24px 0;display:flex}.next-sound-panel p{color:var(--muted);line-height:1.8}.stage-advice{background:#edf1e9;border-radius:18px;margin:28px 0 20px;padding:22px}.stage-advice p{line-height:1.8}.curriculum-panel details{margin-top:22px}.parent-dashboard summary{cursor:pointer;font-weight:650}.parent-dashboard .dashboard-panel{margin-bottom:22px}.preview-toggle{align-items:center;gap:12px;margin-top:24px;line-height:1.6;display:flex}.preview-toggle input{width:22px;height:22px;accent-color:var(--teal)}.paused-card{text-align:center;background:var(--paper);border-radius:28px;width:min(100%,650px);padding:70px 24px}.paused-card button{margin:20px 10px}.choice-label{line-height:1.5}@media (max-width:680px){.home-check{grid-template-columns:1fr;gap:10px}.home-piano{display:none}.home-practice{flex-direction:column;align-items:stretch;padding:24px}.practice-start{width:100%}.parent-record-grid,.plan-comparison,.practice-track-picker{grid-template-columns:1fr}.parent-dashboard .stats-grid{gap:8px}.parent-dashboard .stat-card{padding:15px 10px}.parent-dashboard .stat-card strong{font-size:27px}.check-answer-list li{grid-template-columns:18px 20px 1fr 1fr 40px;gap:9px}.parent-button{min-width:112px;font-size:12px}.check-card .choice-grid.many-choices{grid-template-columns:repeat(4,1fr);gap:14px 12px}.check-card .choice-card{height:78px;min-height:72px}.check-card .choice-option{min-height:122px}.check-card .choice-emoji{font-size:38px}.check-card .choice-label{font-size:18px}.sound-set-list button{flex-wrap:wrap}}.wordmark{white-space:nowrap;flex-shrink:0;gap:8px}.wordmark>span:last-child{white-space:nowrap}.parent-button{white-space:nowrap;flex-shrink:0}.hold-note{display:none}.hold-note.is-holding{display:block}.home-check .start-button{background:var(--teal);box-shadow:none;white-space:nowrap;padding:16px;font-size:18px}@media (max-width:380px){.wordmark{gap:6px;font-size:15px}.wordmark-mark{width:30px;height:30px}.parent-button{min-width:0;padding:9px;font-size:12px}.home-card,.home-check{padding:24px 18px}.home-heading h1{font-size:28px}}.hold-note{white-space:normal;min-width:150px;position:absolute;top:52px;right:0}.home-check .start-button:active{box-shadow:none;transform:translateY(2px)}.parent-button-label{flex-direction:column;align-items:center;gap:3px;display:flex}.parent-button-label small{color:var(--muted);font-size:11px;font-weight:500;line-height:1.2}:is(a:focus-visible,summary:focus-visible){outline:3px solid var(--teal);outline-offset:5px;border-radius:4px}.site-shell{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.site-shell main{min-width:0}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:100px;display:flex}.site-header .wordmark{white-space:nowrap;font-size:22px;text-decoration:none}.site-header nav{gap:30px;display:flex}.site-header nav a,.site-language a{color:var(--ink);padding:12px 0;font-size:14px;font-weight:650;text-decoration:none}.site-header nav a:hover,.site-footer a:hover{color:var(--teal);text-underline-offset:5px;text-decoration:underline}.site-language{align-items:center;gap:9px;display:flex}.site-language span{color:#a1aaa3}.site-language a[aria-current]{color:var(--teal);text-underline-offset:5px;text-decoration:underline}.skip-link{z-index:20;background:var(--paper);color:var(--teal);padding:14px;position:absolute;top:10px;left:20px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:16px;padding:62px 0 48px;display:grid}.site-hero-copy{z-index:1;position:relative}.site-eyebrow{color:var(--teal);letter-spacing:.11em;margin:0 0 20px;font-size:12px;font-weight:750}.site-hero h1{letter-spacing:-.04em;white-space:pre-line;margin:0 0 24px;font-size:clamp(30px,3.5vw,46px);line-height:1.65}.site-lead{color:#596963;max-width:680px;font-size:16px;line-height:1.95}.site-hero .site-lead{max-width:420px;margin-bottom:28px}.site-hero-art{min-width:0;position:relative}.piano-friends{object-fit:contain;mix-blend-mode:multiply;width:100%;height:auto;display:block}.site-hero-art .piano-friends{width:116%;max-width:none;margin-left:-8%}.art-note{color:#b7994c;font-size:30px;position:absolute;top:8%;right:4%;transform:rotate(12deg)}.site-button{color:#fff;background:var(--deep-teal);border-radius:16px;justify-content:center;align-items:center;gap:26px;min-height:56px;padding:16px 23px;font-size:15px;font-weight:750;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.site-button:hover{background:var(--teal);transform:translateY(-2px)}.site-button span{font-size:23px}.hero-free-note{color:var(--teal);margin:13px 0 20px;font-size:12px;font-weight:650}.site-text-link{color:var(--deep-teal);text-underline-offset:5px;gap:14px;padding:6px 0;font-size:14px;font-weight:700;line-height:1.7;text-decoration:underline;display:inline-flex}.free-scope-strip{background:#e6ece2;border-radius:20px;align-items:center;gap:26px;padding:25px 30px;display:flex}.free-scope-strip>span{color:var(--deep-teal);border-right:1px solid #c4d2c3;flex-shrink:0;padding-right:24px;font-size:12px;font-weight:800}.free-scope-strip strong{font-size:16px}.free-scope-strip p{color:#53635b;margin:7px 0 0;font-size:12px;line-height:1.8}.free-scope-strip>a{color:var(--deep-teal);text-underline-offset:4px;flex-shrink:0;margin-left:auto;font-size:13px;font-weight:700}.site-section{padding:80px 0}.section-heading{max-width:690px;margin-bottom:35px}.section-heading h2,.trust-section h2,.site-cta h2{white-space:pre-line;letter-spacing:-.035em;margin:0 0 18px;font-size:clamp(25px,3vw,34px);line-height:1.55}.section-heading p:not(.site-eyebrow),.trust-section p,.site-cta p{color:#596963;font-size:15px;line-height:1.9}.how-it-works{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin:40px 0 0;padding:0;list-style:none;display:grid}.how-it-works li{border-top:1px solid #c9d1c5;padding:24px 0 0}.how-it-works li>span,.guide-number{color:var(--teal);letter-spacing:.1em;font-size:12px;font-weight:750}.how-it-works h3{margin:20px 0 12px;font-size:19px}.how-it-works p{color:#596963;font-size:14px;line-height:1.85}.guide-feature{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.guide-link-card{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:20px;flex-direction:column;align-items:flex-start;padding:30px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.guide-link-card:hover{border-color:#a3baaa;transform:translateY(-3px)}.guide-link-card h3{margin:22px 0 12px;font-size:20px;line-height:1.6}.guide-link-card p{color:#596963;margin:0 0 26px;font-size:14px;line-height:1.85}.guide-card-action{width:100%;color:var(--teal);justify-content:space-between;margin-top:auto;font-size:12px;font-weight:750;display:flex}.guide-feature>.site-text-link{margin-top:24px}.coverage-scroll{border:1px solid var(--line);background:var(--paper);border-radius:20px;overflow-x:auto}.coverage-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px;line-height:1.8}.coverage-table caption{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.coverage-table th,.coverage-table td{border-bottom:1px solid var(--line);padding:22px 24px}.coverage-table thead{background:#e6ece2}.coverage-table thead th{color:var(--deep-teal);font-size:13px}.coverage-table th:first-child{width:54%}.coverage-table tbody th{font-weight:550}.coverage-table tbody tr:last-child>*{border-bottom:0}.coverage-table td{white-space:nowrap}.coverage-yes{color:var(--deep-teal);font-weight:750}.coverage-no{color:#707871}.availability-note{background:#faf1d9;border-left:3px solid #be9946;border-radius:0 10px 10px 0;margin:22px 0 12px;padding:18px 22px;font-size:14px;line-height:1.85}.scope-note{color:#596963;font-size:13px;line-height:1.85}.trust-section{background:#e6ece2;border-radius:24px;align-items:flex-start;gap:34px;padding:42px;display:flex}.trust-section>div{max-width:760px}.trust-symbol{color:var(--teal);font-size:60px;line-height:1.2}.site-cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;margin:80px 0;padding:42px 0;display:flex}.site-cta h2{margin-bottom:12px;font-size:27px}.site-cta p{margin:0 0 7px}.site-cta small{color:var(--teal)}.site-cta .site-button{flex-shrink:0}.site-footer{grid-template-columns:1fr 1fr;gap:35px;padding:0 0 35px;display:grid}.site-footer .wordmark{text-decoration:none}.site-footer p,.site-footer small{color:#687773;font-size:12px;line-height:1.8}.site-footer nav{flex-wrap:wrap;place-content:start flex-end;gap:18px 22px;display:flex}.site-footer nav a{color:var(--ink);text-underline-offset:5px;font-size:12px}.site-footer>small{grid-column:1/-1}.guide-index-heading,.article-heading{padding:65px 0 48px}.guide-index-heading h1,.article-heading h1{letter-spacing:-.04em;margin:0 0 22px;font-size:clamp(28px,4vw,46px);line-height:1.55}.article-heading .site-eyebrow{margin-top:35px}.article-heading small{color:var(--muted);font-size:12px}.article-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:55px;display:grid}.article-toc{border-top:1px solid var(--line);padding:24px 0;position:sticky;top:24px}.article-toc h2{margin:0 0 20px;font-size:14px}.article-toc nav{gap:16px;display:grid}.article-toc nav a{color:#596963;font-size:13px;line-height:1.8;text-decoration:none}.article-toc nav a:hover{color:var(--teal);text-decoration:underline}.article-toc>a{margin-top:30px}.guide-prose{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:10px clamp(24px,4vw,48px)}.guide-prose section{padding:35px 0;scroll-margin-top:25px}.guide-prose section+section{border-top:1px solid var(--line)}.guide-prose h2{margin:12px 0 20px;font-size:clamp(21px,2.3vw,26px);line-height:1.65}.guide-prose p{color:#4f6058;overflow-wrap:anywhere;margin:15px 0;font-size:15px;line-height:2.1}.plan-explanation{grid-template-columns:1fr 1fr;gap:45px;margin:55px 0;display:grid}.plan-explanation h2{font-size:22px}.plan-explanation p{color:#596963;font-size:15px;line-height:2}.home-heading{grid-template-columns:1fr 1fr;align-items:center;gap:20px;margin-bottom:24px;display:grid}.home-heading h1{margin-bottom:15px;font-size:clamp(28px,3.7vw,44px)}.home-heading .app-hero-art{width:100%;max-height:250px}.check-free-scope{border-top:1px solid #c5d4c3;border-bottom:1px solid #c5d4c3;gap:5px;margin-bottom:12px;padding:12px 0;font-size:12px;line-height:1.6;display:grid}.check-free-scope strong{color:var(--deep-teal);font-size:13px}.check-free-scope span{color:#4f6058}.app-guide-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:14px 25px;margin-top:22px;padding-top:20px;display:flex}.app-guide-links a{color:var(--teal);text-underline-offset:4px;font-size:13px}.selector-scope{color:#596963;line-height:1.9}@media (max-width:800px){.site-header{flex-wrap:wrap;gap:12px;padding:20px 0}.site-header nav{order:3;gap:24px;width:100%}.site-header nav a{font-size:13px}.site-hero{grid-template-columns:1fr;gap:0;padding-top:40px}.site-hero-art{grid-row:1;width:100%;max-width:470px;margin:0 auto 15px}.site-hero-art .piano-friends{width:100%;margin:0}.site-hero-copy{text-align:center}.site-hero .site-lead{margin-left:auto;margin-right:auto}.site-hero h1{font-size:clamp(27px,5.4vw,40px)}.free-scope-strip{flex-wrap:wrap;gap:12px;padding:22px}.free-scope-strip>span{border:0;width:100%}.free-scope-strip>a{margin-left:0}.site-section{padding:54px 0}.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-it-works{gap:20px}.article-layout{grid-template-columns:1fr;gap:28px}.article-toc{border:1px solid var(--line);border-radius:16px;padding:22px;position:static}.article-toc>a{margin-top:15px}.site-cta{flex-direction:column;align-items:flex-start;margin:55px 0}.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}}@media (max-width:520px){.site-header .wordmark{font-size:19px}.site-language{gap:7px}.site-hero-art{max-width:340px}.site-hero{padding-top:12px}.site-hero h1{font-size:27px}.site-lead{font-size:14px}.site-button{width:100%;font-size:14px}.site-hero .site-button{max-width:360px}.guide-card-grid,.how-it-works,.plan-explanation{grid-template-columns:1fr}.guide-link-card{padding:26px}.guide-link-card h3{margin-top:14px}.how-it-works{gap:18px}.how-it-works li{padding-top:18px}.how-it-works h3{margin-top:10px}.coverage-table th,.coverage-table td{padding:16px 10px;font-size:12px}.coverage-table th:first-child{width:48%}.coverage-table thead th{font-size:11px}.trust-section{gap:16px;padding:26px}.trust-symbol{display:none}.guide-index-heading,.article-heading{padding:40px 0 30px}.home-heading{text-align:center;grid-template-columns:1fr;gap:0}.home-heading h1{margin:12px 0 0;font-size:27px}.home-heading .app-hero-art{grid-row:1;max-height:175px}}@media (prefers-reduced-motion:reduce){.site-button,.guide-link-card{transition:none}}.site-shell h1,.site-shell h2,.site-shell h3{font-weight:750}@media (max-width:520px){.site-hero h1{letter-spacing:-.045em;font-size:clamp(20px,5.8vw,27px)}}.home-heading h1,.home-check h2,.home-practice h2{font-weight:750}@media (max-width:520px){.home-heading h1{font-size:clamp(20px,5.6vw,26px);line-height:1.6}}.catalog-group+.catalog-group{margin-top:36px}.catalog-group>h3{margin:0 0 24px;font-size:17px}.catalog-grid{counter-reset:chords;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 18px;margin:0;padding:0;list-style:none;display:grid}.catalog-grid[start="10"]{counter-reset:chords 9}.catalog-grid li{counter-increment:chords;text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.catalog-grid li:before{content:counter(chords,decimal-leading-zero);color:var(--teal);font-size:11px;font-weight:700}.catalog-grid strong{font-size:14px}.catalog-grid li>span{color:#596963;font-size:12px}.catalog-picture{border:1px solid var(--line);aspect-ratio:1;border-radius:22px;width:100%;padding:14px}.catalog-picture img{object-fit:contain;width:100%;height:100%}@media (max-width:650px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}.catalog-picture{border-radius:17px;padding:10px}}@media (max-width:360px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.support-questions{border-top:1px solid var(--line)}.support-questions details{border-bottom:1px solid var(--line);padding:4px 0}.support-questions summary{cursor:pointer;padding:24px 8px;font-size:17px;font-weight:700;line-height:1.7}.support-questions p,.support-contact p{color:#596963;max-width:760px;font-size:15px;line-height:2}.support-questions p{margin:0;padding:0 8px 26px}.support-contact{background:var(--paper);border:1px solid var(--line);border-radius:20px;margin:55px 0 0;padding:30px}.support-contact h2{margin:0 0 15px;font-size:23px}.screen-welcome{padding-top:12px;padding-bottom:12px}.screen-welcome .top-bar{margin-bottom:10px}.visual-home{gap:12px;width:min(100%,760px);padding:clamp(14px,3vw,28px);display:grid}.visual-home .home-heading{text-align:left;justify-content:center;align-items:center;gap:18px;margin:0;display:flex}.visual-home .home-heading .app-hero-art{grid-row:auto;width:clamp(100px,22vw,180px);max-height:clamp(72px,16svh,128px)}.visual-home .home-heading h1{margin:0;font-size:clamp(21px,3.4vw,30px);line-height:1.35}.home-action-card{text-align:left;width:100%;min-height:clamp(104px,21svh,168px);color:var(--ink);cursor:pointer;border:1px solid #c7d8c3;border-radius:24px;align-items:center;gap:clamp(12px,3vw,28px);padding:clamp(14px,3vw,26px);transition:transform .15s,box-shadow .15s;display:flex}.home-action-card:disabled{cursor:default;opacity:.65}.home-action-card:hover:not(:disabled){box-shadow:var(--shadow-soft);transform:translateY(-2px)}.home-practice-action{background:#e7efdf}.home-check-action{background:#e3edf1;border-color:#c1d5dd}.home-action-art{justify-content:center;align-items:center;gap:0;width:34%;min-width:80px;display:flex;position:relative}.home-action-art img{object-fit:contain;width:clamp(55px,12vw,85px);height:clamp(60px,14svh,98px)}.home-action-art img+img{margin-left:-15px}.home-action-copy{flex:1;min-width:0}.home-action-copy h2{margin:0 0 7px;font-size:clamp(21px,3.5vw,30px);font-weight:800}.home-action-copy>span{color:#53635b;font-size:clamp(12px,1.8vw,15px);line-height:1.5}.home-action-arrow{color:#fff;background:var(--teal);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.picture-notes{color:var(--teal);font-size:24px;font-weight:800;position:absolute;top:5px;right:2px}.home-short-footer{color:var(--teal);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 15px;font-size:12px;display:flex}.visual-home .app-guide-links{justify-content:center;gap:20px;margin:0;padding-top:10px;display:flex}.visual-home .app-guide-links a,.visual-home .app-guide-links button{font-size:12px}.overview-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.overview-heading h2,.overview-heading h3{margin:0}.where-now{color:var(--deep-teal);white-space:nowrap;background:#e7efdf;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}.visual-stage-map{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.visual-stage-map li{border:1px solid var(--line);text-align:center;background:#f5f4ef;border-radius:18px;flex-direction:column;align-items:center;padding:16px 12px 12px;display:flex;position:relative}.visual-stage-map img{object-fit:contain;width:58px;height:58px;margin:8px 0}.visual-stage-map strong{font-size:12px;line-height:1.7}.visual-stage-map small{color:var(--muted);margin-top:5px;font-size:10px}.visual-stage-map li.is-current{outline:3px solid var(--teal);background:#e6efe0}.stage-map-state{color:var(--muted);font-size:11px;font-weight:750}.is-current .stage-map-state{color:var(--deep-teal)}.chord-collection{margin-top:28px}.chord-collection ol{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.chord-collection li{background:#f0efea;border-radius:14px;flex-direction:column;align-items:center;padding:8px 3px;display:flex;position:relative}.chord-collection li:not(.is-added) img{opacity:.35}.chord-collection li.is-added{background:#e5efdf}.chord-collection img{object-fit:contain;width:100%;max-width:60px;height:55px}.chord-collection span{margin-top:5px;font-size:10px}.chord-collection small{color:var(--teal);margin-top:4px}.accumulation-heading h2{margin:24px 0 7px;font-size:23px}.accumulation-stats .stat-card strong{justify-content:center;align-items:baseline;gap:6px;display:flex}.accumulation-stats .stat-card strong small{color:var(--muted);font-size:13px;font-weight:600}.learning-overview,.next-step-guide{margin-top:24px}.guide-status{color:#705d32;background:#faf0d4;border-radius:999px;margin-bottom:8px;padding:7px 13px;font-size:12px;font-weight:750;display:inline-block}.guide-status.is-ready{color:var(--deep-teal);background:#e0edda}.guide-observations{grid-template-columns:1fr 1fr;gap:14px;display:grid}.guide-observation{background:#f5f4ed;border-radius:16px;align-items:flex-start;gap:14px;padding:20px;display:flex}.guide-observation strong{font-size:14px}.guide-observation p{color:var(--teal);margin:10px 0;font-size:24px;font-weight:750}.guide-observation small{color:var(--muted);font-size:12px;line-height:1.7}.guide-observation-icon,.guide-check-icon{color:var(--teal);font-size:28px}.temporary-test-mode{background:#fff5d9;border:1px dashed #b69245;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:16px 20px;display:flex}.temporary-test-mode strong,.temporary-test-mode small{display:block}.temporary-test-mode strong{font-size:14px}.temporary-test-mode small{color:var(--muted);margin-top:5px;font-size:12px}.temporary-test-mode input{width:25px;height:25px;accent-color:var(--teal)}@media (max-width:600px){.visual-stage-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chord-collection ol{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-observations{grid-template-columns:1fr}.visual-home .home-heading{gap:12px}.home-action-arrow{width:32px;height:32px;font-size:19px}.home-action-card{border-radius:20px}}@media (max-height:650px){.visual-home{gap:9px;padding:12px 16px}.visual-home .home-heading .app-hero-art{width:105px;max-height:68px}.home-action-card{min-height:100px;padding:12px 16px}.home-action-art img{height:62px}.visual-home .app-guide-links{padding-top:7px}}@media (max-width:800px){.site-hero{padding:18px 0 24px}.site-hero-art{max-width:360px;margin-bottom:8px}.site-hero-art .piano-friends{max-height:24svh}.site-hero .site-eyebrow{margin-bottom:12px}.site-hero h1{margin-bottom:14px}.site-hero .site-lead{margin-top:0;margin-bottom:18px}}.site-availability{color:var(--muted);margin:8px 0 15px;font-size:12px;line-height:1.8}.home-activity{background:#fff;border:1px solid #cdded5;border-radius:26px;overflow:hidden;box-shadow:0 8px 22px #203e2b08}.home-check-activity{border-color:#ccdce8}.home-activity .home-action-card{background:0 0;border:0;min-height:clamp(100px,19svh,145px);padding:18px 22px 12px}.home-activity .home-action-art{background:#eaf2e5;border-radius:22px;width:30%;min-width:86px;padding:4px}.home-check-activity .home-action-art{background:#edf3fb}.home-action-arrow{width:32px;height:32px;color:var(--teal);background:#edf3ee;font-size:20px}.activity-scope{color:var(--teal);margin:0;padding:0 22px 17px;font-size:12px;font-weight:750}.activity-options{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:0 22px 12px;font-size:11px;display:flex}.activity-options button{white-space:nowrap;min-height:40px;font-size:12px}.parent-dashboard{max-width:1000px;margin-inline:auto}.dashboard-tabs{background:#eceee7;border-radius:20px;gap:6px;padding:6px}.dashboard-tabs button{border:0;border-radius:15px;flex:1;min-height:58px;font-size:15px}.dashboard-tabs button[aria-selected=true]{color:var(--deep-teal);background:#fff;box-shadow:0 3px 9px #2441340a}.dashboard-panel{border:1px solid #e1e6dc;border-radius:24px;box-shadow:0 7px 20px #203e2b05}.dashboard-panel>summary{cursor:pointer;padding-block:7px;font-weight:800}.current-practice-card{background:#edf4e8;border:1px solid #cfdfcf;border-radius:24px;margin-block:22px;padding:24px}.current-practice-card h2{color:var(--deep-teal);margin:10px 0 20px;font-size:24px}.current-practice-pictures{flex-wrap:wrap;gap:16px;display:flex}.current-practice-pictures>div{justify-items:center;gap:6px;min-width:68px;font-size:12px;font-weight:750;display:grid}.current-practice-pictures img{object-fit:contain;width:65px;height:65px}.practice-keyboard{background:#fff;border-radius:15px;padding:20px;font-size:18px;font-weight:800;display:block}.next-sound-panel{background:#f6f5ef;border-radius:20px;align-items:center;gap:24px;padding:18px;display:flex}.next-sound-panel h3{margin:0 0 8px;font-size:22px}.next-sound-panel p{color:var(--muted);font-size:12px}.extra-practice-sets{gap:10px;margin-top:18px;display:grid}.extra-practice-sets button{text-align:left;justify-content:space-between;align-items:center;min-height:56px;margin:0;display:flex}.extra-practice-sets small{font-size:11px}button.is-locked,.sound-set-list button.is-locked{color:#737973;box-shadow:none;background:#edf0eb;border-color:#d6dcd4}button.is-locked:hover{background:#e5e9e2}button.is-locked small{font-size:11px;font-weight:600}.accumulation-stats .stat-card{background:#fff;border-radius:20px;padding:18px 16px}.accumulation-stats .stat-card strong{color:var(--deep-teal);font-size:34px}.parent-record-grid{margin-top:20px}.parent-dashboard .learning-overview{box-shadow:none;border:0;margin-top:0;padding:14px 0}.parent-dashboard .visual-stage-map{gap:10px}.parent-dashboard .visual-stage-map li{background:#f5f5f0}@media (max-width:560px){.home-activity .home-action-card{gap:13px;padding:14px 16px 9px}.home-action-copy h2{font-size:24px}.home-action-copy>span{font-size:12px}.activity-scope,.activity-options{padding-inline:16px}.current-practice-card{padding:20px}.current-practice-card h2{font-size:22px}.accumulation-stats .stat-card{padding:16px 10px}.accumulation-stats .stat-card strong{font-size:28px}.dashboard-tabs button{padding:10px;font-size:13px}}.app-showcase .section-heading{max-width:740px}.app-story-row{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,90px);padding:46px 0;display:grid}.app-story-row+.app-story-row{border-top:1px solid var(--line)}.story-step{letter-spacing:.06em;color:var(--teal);margin-bottom:18px;font-size:12px;font-weight:800;display:block}.story-copy h3{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(25px,3vw,36px);line-height:1.5}.story-copy>p{color:var(--muted);margin-bottom:22px;font-size:15px;line-height:2}.story-picture-strip{gap:22px;margin-top:25px;display:flex}.story-picture-strip figure,.free-friends figure{text-align:center;margin:0}.story-picture-strip img{object-fit:contain;width:74px;height:80px}.story-picture-strip figcaption,.free-friends figcaption{color:var(--deep-teal);margin-top:7px;font-size:12px;font-weight:800}.app-phone{background:#fcfaf3;border:7px solid #2c4a40;border-radius:40px;justify-self:center;width:min(100%,320px);margin:0;padding:25px 18px 16px;box-shadow:20px 25px #e6ecdd}.phone-top{color:var(--deep-teal);justify-content:space-between;align-items:center;margin-bottom:26px;font-size:13px;font-weight:800;display:flex}.phone-progress{color:var(--muted);align-items:center;gap:12px;margin-bottom:28px;font-size:12px;display:flex}.phone-progress i{background:linear-gradient(90deg,#519887 10%,#e3e7dc 10%);border-radius:5px;flex:1;height:6px}.phone-replay{color:#fff;background:#438576;border-radius:15px;width:fit-content;margin:12px auto 20px;padding:14px 20px;font-size:13px;font-weight:750;display:block}.app-phone h4{text-align:center;margin:22px 0;font-size:20px}.phone-choices{grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:16px;display:grid}.phone-choices>div{flex-direction:column;align-items:center;gap:8px;display:flex}.phone-choices img{object-fit:contain;background:var(--tone-bg);border:2px solid var(--tone-edge);border-radius:15px;width:100%;height:72px;padding:6px}.phone-choices span{font-size:10px;font-weight:750}.app-phone figcaption,.app-parent-preview figcaption{text-align:center;color:var(--muted);margin-top:22px;font-size:10px}.reverse-story .story-copy{grid-area:1/2}.reverse-story .app-phone{grid-area:1/1;box-shadow:-20px 25px #e1eaf2}.phone-bear{object-fit:contain;width:110px;height:110px;margin:0 auto;display:block}.phone-note-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.phone-note-grid span{background:#fff;border:1px solid #d2ddcd;border-radius:13px;place-items:center;height:47px;font-size:14px;font-weight:800;display:grid}.phone-note-grid .note-selected{background:#e4efdf;border:3px solid #438576}.app-parent-preview{background:#fff;border:1px solid #d5dfd1;border-radius:28px;width:100%;margin:0;padding:28px;box-shadow:15px 20px #eae8da}.app-parent-preview h4{color:var(--teal);margin:0 0 16px;font-size:12px}.parent-preview-current{background:#edf4e8;border-radius:18px;align-items:center;gap:20px;padding:15px;display:flex}.parent-preview-current img{object-fit:contain;width:68px;height:68px}.parent-preview-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;display:grid}.parent-preview-stats div{text-align:center;border:1px solid #e5e8df;border-radius:16px;flex-direction:column;gap:7px;padding:18px 6px;display:flex}.parent-preview-stats strong{color:var(--deep-teal);font-size:25px}.parent-preview-stats span{color:var(--muted);font-size:10px}.preview-next{background:#faf4df;border-radius:18px;align-items:center;gap:16px;padding:15px;display:flex}.preview-next img{object-fit:contain;width:60px;height:60px}.preview-next div{flex-direction:column;flex:1;gap:6px;display:flex}.preview-next small{color:var(--muted);font-size:11px}.preview-next>span{color:var(--teal);font-size:27px}.illustrated-free-section{background:#eaf2e2;border-radius:30px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin:28px 0 50px;padding:clamp(24px,4vw,48px);display:grid}.illustrated-free-section h2{font-size:clamp(25px,3vw,34px);line-height:1.5}.illustrated-free-section p:not(.site-eyebrow){color:var(--muted);font-size:14px;line-height:2}.free-friends{justify-content:center;align-items:center;gap:15px;display:flex}.free-friends img{object-fit:contain;width:100%;height:140px}.illustrated-journey ol{grid-template-columns:repeat(4,1fr);gap:15px;margin:26px 0;padding:0;list-style:none;display:grid}.illustrated-journey li{text-align:center;background:#f1f3ec;border-radius:20px;flex-direction:column;align-items:center;padding:20px 12px;display:flex;position:relative}.illustrated-journey li:first-child{background:#e7efdf;border:2px solid #438576}.illustrated-journey li>span{color:var(--teal);font-size:12px;font-weight:800;position:absolute;top:12px;left:14px}.illustrated-journey img{object-fit:contain;width:80px;height:80px;margin:8px 0 14px}.illustrated-journey strong{font-size:13px;line-height:1.7}.illustrated-journey small{color:var(--muted);margin-top:8px;font-size:10px}.guide-card-picture{object-fit:contain;width:80px;height:80px;margin-bottom:18px;display:block}.article-picture-row{justify-content:center;gap:18px;margin:24px 0 0;display:flex}.article-picture-row img{object-fit:contain;width:75px;height:75px}.article-section-picture{float:right;object-fit:contain;width:75px;height:75px;margin:0 0 10px 18px}@media (max-width:700px){.app-story-row{grid-template-columns:1fr;gap:30px;padding:35px 0 50px}.reverse-story .story-copy,.reverse-story .app-phone{grid-area:auto}.app-phone{width:280px;box-shadow:12px 16px #e6ecdd}.reverse-story .app-phone{box-shadow:12px 16px #e1eaf2}.illustrated-free-section{grid-template-columns:1fr;gap:20px}.free-friends img{height:100px}.illustrated-journey ol{grid-template-columns:repeat(2,1fr);gap:10px}.app-parent-preview{justify-self:center;max-width:360px;padding:22px;box-shadow:10px 14px #eae8da}}.phone-choices.initial-apple{grid-template-columns:1fr;width:145px;margin:0 auto}.phone-choices.initial-apple img{height:122px}.phone-choices.initial-apple span{font-size:14px}.plan-picture-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1000px;margin:0 auto 40px;display:grid}.plan-picture-cards>div{background:#fff;border:1px solid #dae8e4;border-radius:28px;padding:30px}.plan-picture-cards>div:last-child{background:#eff7f4}.plan-picture-cards h2{margin:0 0 14px;font-size:22px}.plan-price{color:#155f59;font-size:38px;display:block}.plan-price small{font-size:14px;font-weight:500;display:block}.plan-picture-cards .story-picture-strip>img{width:30%;height:auto}.guide-diagram{background:#f1f7f4;border:1px solid #e0ebe5;border-radius:24px;margin:22px 0 28px;padding:22px}.guide-prose .guide-diagram figcaption{color:#52716b;margin-top:16px;font-size:13px;line-height:1.8}.guide-sequence,.guide-routine,.guide-feedback-example{justify-content:space-around;align-items:center;gap:10px;display:flex}.guide-sequence>div,.guide-routine>div,.guide-feedback-example>div{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex;position:relative}.guide-diagram img{object-fit:contain;width:96px;height:96px}.guide-diagram strong{color:#235a50;font-size:15px;line-height:1.6}.guide-diagram small{text-align:center;color:#52716b;margin-top:6px;font-size:12px}.diagram-arrow{color:#5f8c7e;position:absolute;top:36px;right:-10px}.ten-question-dots{grid-template-columns:repeat(5,8px);gap:4px;margin:12px 0;display:grid}.ten-question-dots i{background:#639987;border-radius:50%;width:8px;height:8px}.guide-piano{justify-content:center;height:72px;display:flex}.guide-piano i{background:#fff;border:1px solid #aac4bc;border-radius:0 0 6px 6px;width:32px}.guide-check-example>strong{text-align:center;margin:12px;font-size:24px;display:block}.guide-check-example .phone-note-grid{max-width:340px;margin:auto}.guide-record-example{align-items:center;gap:20px;display:flex}.guide-record-example>div{flex-direction:column;flex:1;gap:8px;display:flex}.guide-record-example span{font-size:13px;line-height:1.8}.guide-example-bar{background:#ecd2c6;border-radius:8px;height:12px;overflow:hidden}.guide-example-bar i{background:#6b9e89;width:90%;height:100%;display:block}.guide-purchase-example{justify-content:space-evenly;align-items:center;gap:12px;display:flex}.guide-purchase-example>div{flex-direction:column;align-items:center;display:flex}.guide-adult-icon{font-size:60px;line-height:96px}.guide-feedback-example .example-answer{background:#fff;border:3px solid #578979;border-radius:20px;padding:8px}.flow-arrow{color:#658e81}@media (max-width:640px){.plan-picture-cards{grid-template-columns:1fr;gap:16px}.plan-picture-cards>div{padding:24px}.guide-diagram{padding:16px}.guide-diagram img{width:70px;height:70px}.guide-diagram strong{font-size:13px}.guide-routine small{font-size:11px}.guide-record-example{gap:10px}}.guide-note-tile{color:#43736b;background:#fff;border:1px solid #bdd1ca;border-radius:6px 6px 16px 16px;place-items:center;width:70px;height:80px;margin-bottom:10px;font-size:38px;display:grid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}