@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#292b40;background:#f6f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#292b40;--muted:#848696;--purple:#6a57d7;--purple-dark:#5744bd;--lavender:#f0edfc;--border:#e9e9f1;--green:#29826b;--radius:18px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a99aec;outline-offset:4px}button{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button{border:0;background:none}button:disabled{opacity:.5}kbd{font-family:inherit;font-size:10px;font-weight:500;border:1px solid #e3e2ec;background:#fafafd;border-radius:4px;min-width:18px;line-height:18px;text-align:center;color:#8c8b9c;padding:0 4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{background:#fff;border-bottom:1px solid var(--border)}.header-inner{max-width:1152px;height:84px;margin:auto;display:flex;align-items:center;padding:0 32px;gap:24px}.brand{white-space:nowrap;display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-1.3px;font-weight:800}.brand-icon{width:39px;height:41px;display:flex;align-items:center;justify-content:center;background:var(--purple);color:#fff;border-radius:12px 12px 12px 4px}.brand-light{font-weight:500}.header-divider{height:23px;width:1px;background:var(--border);margin-left:1px}.header-description{font-size:12px;color:#9696a4}.help-button{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:12px;color:#747586;padding:10px 0 10px 14px}.help-button:hover{color:var(--purple)}main{max-width:1152px;margin:0 auto;padding:47px 32px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px;gap:20px}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:11px;color:#9091a1;margin-bottom:13px}.breadcrumb>span:last-child{color:#5d5d75}.breadcrumb>svg:first-child{color:var(--purple)}h1{font-family:Manrope,sans-serif;font-size:34px;font-weight:750;letter-spacing:-1.3px;line-height:1.4}h1>span{color:var(--purple)}.page-heading>div>p{font-size:13px;color:#8a8a9b;margin-top:9px}.daily-note{display:flex;align-items:center;gap:13px;font-size:12px;color:#63637b;padding-top:22px}.daily-note small{display:block;font-size:11px;color:#9695a5;margin-top:5px}.daily-icon{width:40px;height:40px;background:#eeebfb;color:#9782dc;border-radius:50%;display:flex;align-items:center;justify-content:center}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:25px;align-items:start}.training-column{min-width:0}.workspace-toolbar{height:45px;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.tabs{display:flex;height:42px;gap:6px;padding:4px;background:#ebecf3;border-radius:9px}.tabs button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:500;color:#8b8b9d;padding:0 16px;border-radius:6px}.tabs button.active{background:#fff;box-shadow:0 1px 4px #30324c0a;color:var(--purple)}.tabs button:hover:not(.active){color:#5a5873}.trainer-label{font-size:10px;color:#a0a0af;padding-top:15px}.trainer-card{border:1px solid #e3e3ed;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 18px #2e244304}.session-strip{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #f0eff5}.session-label{font-size:11px;color:#8f8e9e;display:flex;align-items:center;gap:7px}.status-dot{height:6px;width:6px;border-radius:50%;background:#bbb8ce}.status-dot.live{background:#80a68b}.direction-badge{display:flex;align-items:center;gap:5px;font-size:10px;color:#8a849e;border:1px solid #ebe8f4;border-radius:5px;padding:5px 7px}.listening-stage{text-align:center;padding:35px 20px 32px}.ready-stage{padding-top:43px;padding-bottom:35px}.note-illustration{height:100px;width:280px;position:relative;display:flex;align-items:center;justify-content:center;gap:16px;margin:0 auto 22px}.music-staff{position:absolute;inset:10px 0;display:flex;flex-direction:column;justify-content:space-around;z-index:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}.music-staff i{height:1px;width:100%;background:#eeebf6}.note-orb{position:relative;z-index:1;width:63px;height:63px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f0edfb;border:1px solid #e8e2fa;color:#9583d8;box-shadow:0 0 0 8px #fff9}.note-orb.first{margin-top:28px}.note-orb.second{margin-top:-22px;background:#e9e2fc;color:var(--purple);border-color:#dfd4f8}.note-connection{display:flex;align-items:center;gap:5px;z-index:1;margin-top:0;transform:rotate(-17deg)}.note-connection i{width:3px;height:3px;background:#d2c9ed;border-radius:50%}.note-connection i:nth-child(3){width:5px;height:5px;background:#aa96df}.listening-stage h2{font-family:Manrope,sans-serif;letter-spacing:-.65px;font-size:25px;font-weight:750;margin-bottom:12px}.listening-stage>p{font-size:12px;line-height:1.9;color:#92909f}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--purple);color:#fff;border:1px solid var(--purple);border-radius:8px;font-size:12px;font-weight:550;padding:13px 21px;min-height:44px;box-shadow:0 3px 5px #6a57d714}.primary-button:hover{background:var(--purple-dark);border-color:var(--purple-dark);box-shadow:0 4px 10px #6a57d723}.primary-button:active{transform:translateY(1px)}.start-button{margin-top:24px;min-width:188px}.session-detail{display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;color:#a09baa;margin-top:16px}.session-detail>span{width:3px;height:3px;background:#cbc7d7;border-radius:50%}.answers-area{padding:23px 25px 19px;border-top:1px solid #f0eff5}.preview-answers{background:#fdfcfe;padding-bottom:28px}.answers-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.answers-heading h3{font-size:11px;color:#777388;font-weight:500}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:var(--purple);padding:2px 0;min-height:24px}.text-button:hover{color:#4b36b0}.text-button.muted{color:#9994a7}.text-button.muted:hover{color:var(--purple)}.interval-pills{display:flex;flex-wrap:wrap;gap:8px}.interval-pills>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#8e879e;background:#fff;border:1px solid #eae6f1;border-radius:6px;padding:7px 10px}.interval-pills b{font-size:9px;font-weight:550;color:#82728f;background:#f4f0f9;border-radius:3px;min-width:23px;line-height:19px;text-align:center}.practice-tip{display:flex;gap:13px;margin-top:20px;padding:16px 19px;background:#efedf7;border:1px solid #e8e4f2;border-radius:10px;align-items:center}.tip-icon{color:#9b88c7;display:flex;align-items:center}.practice-tip p{font-size:10px;line-height:1.8;color:#9990a8}.practice-tip strong{display:block;font-size:11px;font-weight:500;color:#777084;margin-bottom:2px}.keyboard-hint{display:flex;align-items:center;justify-content:center;gap:8px;color:#a9a4b5;font-size:10px;margin-top:23px}.keyboard-hint>span{display:flex;gap:6px;align-items:center}.keyboard-hint kbd{font-size:9px;line-height:16px}.hint-dot{padding:0 3px}.keyboard-hint .text-button{font-size:9px;color:#a9a4b5;margin-left:8px}.site-footer{display:flex;justify-content:space-between;align-items:center;margin:47px 0 0;padding:20px 0 26px;border-top:1px solid #e7e7ef;font-size:10px;color:#aaa6b5}.site-footer>span:last-child{display:flex;align-items:center;gap:7px}.settings-card{margin-top:59px;border:1px solid #e4e4ee;border-radius:14px;background:#fcfcfe;padding:24px 22px 19px}.section-heading{display:flex;align-items:center;gap:9px}.section-heading svg{color:#8b80b1}.section-heading h2{font-family:Manrope,sans-serif;font-size:13px;font-weight:700;letter-spacing:-.2px}.settings-intro>p{font-size:10px;color:#a19ba9;margin-top:8px}.settings-fields{margin-top:27px;display:flex;flex-direction:column;gap:20px}.field{min-width:0}.field>label{font-size:10px;font-weight:500;display:flex;justify-content:space-between;align-items:center;color:#726c80;margin-bottom:9px}.field>label>span{font-size:9px;font-weight:400;color:#aaa2b5}.select-wrap{position:relative}.select-wrap>svg{position:absolute;right:11px;top:14px;pointer-events:none;color:#aaa2b8}.select-wrap select{width:100%;appearance:none;min-height:41px;border:1px solid #e6e2ec;background:#fff;border-radius:7px;padding:9px 28px 9px 11px;font-size:11px;color:#696175;cursor:pointer}.select-wrap select:disabled{cursor:default;opacity:.5}.customize-link{font-size:9px;margin-top:5px}.settings-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle-fields{margin-top:25px;border-top:1px solid var(--border);padding-top:21px;display:flex;flex-direction:column;gap:20px}.toggle-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:9px;cursor:pointer}.control-title{display:block;font-size:11px;color:#746c80}.toggle-row small{display:block;font-size:9px;color:#aaa0b2;margin-top:5px}.toggle-row input{position:absolute;right:0;width:32px;height:22px;margin:0;opacity:0;cursor:pointer}.switch{display:block;flex-shrink:0;width:29px;height:17px;background:#e3e0ec;border-radius:12px;position:relative;pointer-events:none;transition:background .2s}.switch:after{content:"";display:block;width:11px;height:11px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #241b3420;transition:transform .2s}.toggle-row input:checked+.switch{background:#9583dc}.toggle-row input:checked+.switch:after{transform:translate(12px)}.toggle-row input:focus-visible+.switch{outline:3px solid #a99aec;outline-offset:4px}.control-disabled{opacity:.55;cursor:default}.volume-control{display:flex;align-items:center;gap:10px;margin-top:29px;padding-top:22px;border-top:1px solid var(--border);color:#a49aaf}.volume-control>span{font-size:9px;width:27px;text-align:right}.volume-control input{appearance:none;height:3px;flex:1;min-width:0;background:linear-gradient(to right,#a697d6 var(--range),#e5dfef var(--range));border-radius:4px;cursor:pointer}.volume-control input::-webkit-slider-thumb{appearance:none;background:#9a86cf;border:2px solid #fff;box-shadow:0 0 0 1px #d4c9e7;width:12px;height:12px;border-radius:50%}.volume-control input::-moz-range-thumb{background:#9a86cf;border:2px solid #fff;width:9px;height:9px;border-radius:50%}.saved-note{font-size:9px;color:#b0a7b9;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:20px}.settings-notice{font-size:10px;line-height:1.7;color:#8c829d;background:#f2eef8;padding:10px;border-radius:6px;margin-top:18px}.mobile-settings{display:none!important}.mobile-bottom-note{display:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:7px;color:#93899e}.icon-button:hover{background:#f2eef9;color:var(--purple)}.progress-track{height:3px;background:#f1eef9}.progress-track>div{height:100%;background:#b7a6ed;transition:width .3s}.active-stage{padding-top:25px;padding-bottom:25px}.sound-button{position:relative;width:94px;height:94px;border-radius:50%;background:#f0ebfc;margin-bottom:23px;color:#9c85de;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e6ddf8;isolation:isolate}.sound-button:hover{background:#e9e0fc}.sound-ripple{position:absolute;inset:-8px;border:1px solid #f1edf8;border-radius:50%;z-index:-1}.waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:45px}.waveform i{display:block;width:3px;background:currentColor;border-radius:8px}.sound-button.playing .waveform i{animation:wave .65s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.12s)}.sound-button.playing .sound-ripple{animation:ripple 1.5s ease-out infinite}.active-stage h2{font-size:24px}.active-stage>p{font-size:11px}.description-dot{color:#ccc0e1;padding:0 5px}.replay-button{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#9b8cb5;margin-top:13px;min-height:30px;padding:3px 10px}.replay-button:hover{color:var(--purple)}.replay-button kbd{margin-left:3px}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.answer-button{display:flex;align-items:center;gap:10px;text-align:left;min-height:51px;padding:9px 12px;border:1px solid #e5e0ed;background:#fff;border-radius:7px;font-size:11px;color:#766a87}.answer-button .interval-symbol{display:flex;align-items:center;justify-content:center;min-width:28px;height:26px;font-size:11px;font-weight:550;background:#f2eef8;color:#8b76a9;border-radius:5px}.answer-button>kbd,.answer-button>svg{margin-left:auto}.answer-button:hover:enabled{background:#faf7ff;border-color:#b5a1da}.answer-button.correct{background:#edf7f2;border-color:#a9d6c3;color:#3f876c;opacity:1}.answer-button.correct .interval-symbol{background:#dceee5;color:#3f876c}.answer-button.incorrect{background:#fdf6f5;border-color:#e9ccca;color:#b38a88;opacity:.75}.answer-button.incorrect .interval-symbol{background:#f7e9e6;color:#ba8989}.answer-button:disabled:not(.correct):not(.incorrect){opacity:.55}.feedback-slot{min-height:34px;padding-top:13px}.try-again{font-size:11px;color:#b0857b;text-align:center;padding:7px 0}.next-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0 0}.next-row>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#87a38d}.next-button{font-size:11px;min-height:38px;padding:9px 15px;white-space:nowrap}.session-footer{border-top:1px solid #efebf4;min-height:49px;padding:9px 25px;display:flex;align-items:center;justify-content:space-between}.session-footer>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#9f93aa}.session-footer>span>svg{color:#a89ab8}.session-footer strong{font-weight:500;color:#82728d}.score-separator{height:12px;width:1px;background:#e8e0ed;margin:0 7px}.session-footer .text-button{font-size:10px}.audio-error{font-size:12px;line-height:1.6;padding:15px 20px;background:#fff4e9;color:#906a39;text-align:center}.results{padding:38px 30px 30px;text-align:center}.result-icon{width:74px;height:74px;display:flex;align-items:center;justify-content:center;background:#f2ecfc;color:#9c7ccd;border-radius:50%;margin:0 auto 20px}.result-kicker{font-size:10px;color:#9c8bab}.results h2{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.7px;margin-top:10px;line-height:1.4}.results>p{font-size:12px;line-height:1.8;color:#a194aa;margin-top:10px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#faf7fc;border:1px solid #eee6f4;border-radius:10px;padding:22px 8px;margin:26px 0}.result-stats>div+div{border-left:1px solid #eae1f0}.result-stats strong{font-family:Manrope,sans-serif;font-size:29px;color:#7c619d;letter-spacing:-1px;font-weight:650}.result-stats small{font-size:15px;font-weight:400;color:#b19fbd;margin-left:2px}.result-stats span{display:block;font-size:10px;color:#a48eaf;margin-top:6px}.result-breakdown{text-align:left;margin-bottom:29px}.result-breakdown h3{font-size:11px;font-weight:500;color:#8c7898;margin-bottom:15px}.breakdown-row{display:grid;grid-template-columns:1fr 90px 25px;align-items:center;gap:12px;min-height:37px;font-size:10px;color:#9b86a5}.breakdown-row>span:first-child{display:flex;align-items:center;gap:9px}.breakdown-row b{font-size:9px;font-weight:500;min-width:27px}.breakdown-row>span:last-child{text-align:right}.breakdown-bar{height:4px;border-radius:3px;background:#eee6f3;overflow:hidden}.breakdown-bar i{height:100%;display:block;background:#baa6d2;border-radius:3px}.result-reset{display:flex;margin:12px auto 0}.guide-card{background:#fff;border:1px solid #e3e3ed;border-radius:var(--radius);overflow:hidden}.guide-heading{padding:28px 25px 24px;text-align:center}.guide-icon{display:inline-flex;align-items:center;justify-content:center;width:49px;height:49px;background:#f1ebfb;border-radius:14px;color:#a08acb;margin-bottom:18px}.guide-heading h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.5px}.guide-heading p{font-size:11px;color:#9b8da7;line-height:1.9;margin-top:11px}.segmented-control{display:inline-flex;background:#f4eff8;border-radius:7px;padding:3px;gap:3px;margin-top:20px}.segmented-control button{font-size:10px;color:#9c89ac;padding:8px 12px;border-radius:5px}.segmented-control button.selected{background:#fff;color:#8a65b5;box-shadow:0 1px 3px #36214209}.guide-list{padding:0 25px}.guide-row{display:flex;align-items:center;gap:13px;border-top:1px solid #f0e9f5;padding:14px 0}.guide-symbol{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:8px;background:#f5f0fa;color:#a388bc;font-size:12px;flex-shrink:0}.guide-row h3{font-weight:500;font-size:12px;color:#84708f}.guide-row p{font-size:10px;color:#af9dba;margin-top:5px;line-height:1.6}.guide-row p>span{padding:0 4px;color:#cbbcd3}.reference-play{background:#f7f2fc;color:#ab8bc3;margin-left:auto;border:1px solid #eee5f6;border-radius:50%;width:34px;height:34px}.reference-play.selected{background:#e6d9f4;color:#9268b5}.guide-footnote{font-size:9px;line-height:1.8;color:#b7a6c1;padding:15px 25px 23px;border-top:1px solid #f0e9f5}.modal{border:1px solid #e4dcec;border-radius:18px;box-shadow:0 20px 100px #2d204a20;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 64px);padding:0;color:var(--ink);background:#fff;overflow:auto;overscroll-behavior:contain}.modal::backdrop{background:#25203560;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-inner{padding:25px}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.modal-heading h2{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.5px;line-height:1.5}.modal-heading .icon-button{margin-right:-8px}.modal-description{font-size:12px;color:#9c89a9;line-height:1.9;margin-bottom:20px}.full-width{width:100%;margin-top:22px}.preset-buttons{display:flex;gap:7px;margin-bottom:20px}.preset-buttons button{flex:1;padding:9px 5px;font-size:10px;border:1px solid #e9def2;border-radius:6px;color:#ab93bd}.preset-buttons button.selected{color:#8960af;background:#f3ebfb;border-color:#d9c4ee}.interval-checklist{border-top:1px solid #efe5f4}.interval-check-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #efe5f4}.interval-check-row>label{display:flex;align-items:center;gap:12px;flex:1;min-height:35px;cursor:pointer;font-size:12px;color:#8d719e}.interval-check-row input{accent-color:var(--purple);width:16px;height:16px;margin:0}.check-symbol{width:29px;font-size:11px;color:#a284b8}.interval-check-row small{display:block;font-size:9px;color:#b69dc3;margin-top:4px}.interval-check-row .reference-play{width:30px;height:30px}.help-intro{display:flex;gap:15px;align-items:flex-start;color:#aa8cc6;padding:3px 0 20px;border-bottom:1px solid #f0e5f6}.help-intro p{font-size:12px;line-height:1.9;color:#9b85aa}.help-steps{display:flex;flex-direction:column;gap:22px;margin:24px 0}.help-steps>div{display:flex;align-items:flex-start;gap:14px;color:#a685c4}.help-steps p{font-size:11px;color:#a38baf;line-height:1.9}.help-steps strong{display:block;font-size:12px;color:#81678f;font-weight:550;margin-bottom:3px}.help-small{font-size:10px;color:#ad96b9;line-height:1.9}.end-modal{width:min(450px,calc(100% - 32px))}.end-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:26px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e5d8f0;color:#9e7db7;border-radius:8px;padding:10px 14px;font-size:11px}.secondary-button:hover{background:#f8f2fc}.settings-modal .settings-intro{display:none}.settings-modal .settings-fields{margin-top:6px}.settings-modal .toggle-row small{font-size:10px}.settings-modal .saved-note{margin-bottom:2px}.settings-modal .settings-fields label,.settings-modal .select-wrap select,.settings-modal .control-title{font-size:12px}@keyframes wave{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes ripple{0%{transform:scale(.95);opacity:1}to{transform:scale(1.15);opacity:0}}@media(min-width:1400px){.header-inner{max-width:1224px}main{max-width:1224px;padding-top:56px}.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:30px}.ready-stage{padding-top:50px;padding-bottom:43px}.listening-stage h2{font-size:27px}.listening-stage>p{font-size:13px}.session-strip{height:61px}.ready-stage .note-illustration{margin-bottom:28px}.preview-answers{padding-top:25px;padding-bottom:30px}.interval-pills>span{font-size:11px}.settings-card{padding:26px 25px}.practice-tip{margin-top:23px}.page-heading{margin-bottom:40px}.site-footer{margin-top:54px}}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 265px;gap:20px}.header-inner{height:75px;padding:0 25px}main{padding:32px 25px 0}.page-heading{margin-bottom:28px}.daily-note{display:none}.settings-card{padding:21px 18px}.answer-button{font-size:10px;gap:8px;padding:9px}.answer-button kbd{display:none}.listening-stage h2{font-size:23px}h1{font-size:31px}.interval-pills{gap:6px}.interval-pills>span{padding:6px 8px}.answers-area{padding-left:20px;padding-right:20px}.session-strip{padding:0 20px}.practice-tip{padding:14px}.practice-tip p{font-size:10px}.session-footer{padding-left:20px;padding-right:20px}.next-row>span{font-size:9px}}@media(max-width:760px){.header-description,.header-divider{display:none}.header-inner{height:70px;padding:0 22px}.header-description{font-size:11px}.header-divider{margin-left:0}.header-inner{gap:17px}main{padding:30px 22px 0;max-width:600px}.workspace{display:block}.settings-card{display:none}.mobile-settings{display:inline-flex!important;width:38px;height:38px;background:#fff;border:1px solid #e4deee;color:#9180a9}.trainer-label{display:none}.workspace-toolbar{height:40px;margin-bottom:16px;align-items:center}.page-heading{margin-bottom:27px}.breadcrumb{font-size:10px;margin-bottom:12px}h1{font-size:30px}.page-heading>div>p{font-size:12px;margin-top:7px}.tabs{height:40px}.tabs button{padding:0 15px;font-size:11px}.ready-stage{padding:37px 16px 33px}.note-illustration{margin-bottom:19px}.listening-stage h2{font-size:24px}.listening-stage>p{font-size:12px}.start-button{min-width:194px;min-height:47px;font-size:13px;margin-top:25px}.session-detail{font-size:9px;margin-top:17px}.session-strip{height:53px;padding:0 20px}.direction-badge{font-size:9px}.answers-area{padding:19px 20px 20px}.answers-heading{margin-bottom:13px}.interval-pills>span{font-size:10px;padding:7px 9px}.practice-tip{margin-top:17px;padding:16px;gap:12px}.practice-tip p{font-size:10px;line-height:1.8}.practice-tip strong{font-size:11px}.keyboard-hint{display:none}.site-footer{margin-top:31px;font-size:9px;padding:18px 0 22px;gap:15px}.site-footer>span:last-child{font-size:0;gap:0}.site-footer>span:last-child svg{width:16px;height:16px;color:#baaccd}.mobile-bottom-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#b2a4bd;padding:0 15px 25px}.mobile-bottom-note>span{width:3px;height:3px;border-radius:50%;background:#cbbfd2;margin:0 5px}.active-stage{padding:28px 16px 21px}.sound-button{width:85px;height:85px;margin-bottom:22px}.answer-button{min-height:53px;padding:10px 11px;font-size:11px;gap:9px}.answer-button .interval-symbol{min-width:27px;height:27px}.answer-grid{gap:9px}.answer-button kbd{display:none}.next-row{align-items:center}.next-row>span{font-size:10px;line-height:1.7;max-width:50%}.next-button{min-height:42px;padding:10px 13px}.feedback-slot{padding-top:14px;min-height:38px}.session-footer{padding:11px 20px}.guide-heading{padding-top:27px}.guide-heading h2{font-size:21px}.guide-list{padding:0 20px}.guide-row p{font-size:9px}.modal.settings-modal,.modal.interval-modal{margin:auto 0 0;max-width:100%;width:100%;max-height:92dvh;border-radius:20px 20px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px)}.modal.settings-modal:before,.modal.interval-modal:before{content:"";display:block;margin:10px auto 0;width:32px;height:4px;border-radius:4px;background:#e1d6e9}.settings-modal .modal-inner,.interval-modal .modal-inner{padding:13px 24px 24px}.modal-heading{margin-bottom:15px}.interval-check-row{padding:8px 0}.results{padding:32px 22px 26px}.results h2{font-size:23px}.result-stats{padding:20px 5px}.result-stats strong{font-size:27px}.breakdown-row{grid-template-columns:1fr 65px 23px;gap:9px}.result-breakdown{margin-bottom:25px}}@media(max-width:380px){.header-description,.header-divider{display:none}.help-button{font-size:11px}.header-inner{padding:0 18px}.brand{font-size:25px}main{padding:24px 15px 0}h1{font-size:27px}.page-heading>div>p{font-size:11px}.note-illustration{width:245px}.listening-stage h2{font-size:22px}.answers-area{padding:17px 16px}.interval-pills>span{font-size:9px;padding:6px 8px}.answer-button{font-size:10px;padding:9px 8px;gap:7px}.answer-button .interval-symbol{min-width:25px}.practice-tip{padding:13px}.session-strip{padding:0 16px}.next-row>span{font-size:9px}.next-button{font-size:10px;padding:10px}.tabs button{padding:0 13px}.end-actions{flex-direction:column-reverse}.guide-heading h2{font-size:19px}.guide-row{gap:10px}.guide-symbol{width:31px;height:33px}.guide-row p{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}