:root{color:#e8e8ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;--bg:#11131a;--surface:#181a23;--surface2:#1d1f29;--line:#292b36;--muted:#9294a3;--dim:#696b7a;--white:#f1f0f7;--violet:#a78bfa;--mono:"DM Mono",monospace;background:#11131a;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #b8a0ff}button:disabled{opacity:.55;cursor:not-allowed}.app{min-height:100vh}.sidebar{z-index:5;background:#15171f;border-right:1px solid #252731;flex-direction:column;width:246px;padding:27px 17px 15px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.1px;color:#f5f3fb;align-items:center;gap:11px;height:47px;padding-left:9px;font:800 20px Manrope,sans-serif;display:flex}.brand-icon{color:#c3a9ff;background:#33275a;border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.brand-light{color:#b7b5c7;font-weight:500}.nav-label,.eyebrow,.panel-kicker,.stat-label,.hero-eyebrow,.lesson-label,.target-hz,.exercise-tag{font:500 10px var(--mono);letter-spacing:1.15px;color:#8d899f}.nav-label{color:#686b79;margin:38px 11px 12px}nav{gap:5px;display:grid}.nav-item{text-align:left;color:#a2a2b1;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;height:43px;padding:0 12px;font-size:13px;transition:all .16s;display:flex}.nav-item:hover{color:#ebe9f5;background:#20222d}.nav-item.selected{color:#cebaff;background:#292333}.nav-item.selected svg{color:#bca2ff}.nav-count{color:#aaa1be;font:11px var(--mono);margin-left:auto}.sidebar-bottom{margin-top:auto}.privacy{color:#a799d1;border-top:1px solid #292a34;gap:10px;padding:14px 10px;font-size:11px;display:flex}.privacy span{color:#ddd8ed}.privacy small,.profile small{color:#777987;margin-top:4px;font-size:10px;display:block}.profile{border-top:1px solid #292a34;align-items:center;gap:10px;padding:14px 5px 2px;display:flex}.avatar{color:#d2bcff;background:#302940;border-radius:50%;place-items:center;width:30px;height:30px;font:13px Manrope;display:grid}.profile strong{font-size:11px;font-weight:600}.profile .icon-btn{margin-left:auto}.icon-btn{color:#9293a1;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-btn:hover{color:#eee;background:#242631}.main{min-height:100vh}main{min-height:100vh;margin-left:246px;padding-bottom:78px}.topbar{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11131ae0;border-bottom:1px solid #262833;justify-content:space-between;align-items:center;height:59px;padding:0 38px;display:flex;position:sticky;top:0}.breadcrumb{color:#747684;font-size:11px}.breadcrumb span{color:#555765;padding:0 9px}.breadcrumb strong{color:#d1d0da;font-weight:500}.top-right{align-items:center;gap:15px;display:flex}.mic-status{font:9px var(--mono);letter-spacing:.7px;color:#777987;align-items:center;gap:7px;display:flex}.mic-status i,.live-pill i{background:#646775;border-radius:50%;width:6px;height:6px}.mic-status.on{color:#b4a2e8}.mic-status.on i,.live-pill.on i{background:#bf9aff;box-shadow:0 0 10px #ab7aff}.content{max-width:1160px;margin:0 auto;padding:43px 42px 30px}.welcome{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.eyebrow{align-items:center;gap:8px;display:flex}.eyebrow-dot{background:#ab8fff;border-radius:50%;width:6px;height:6px}.welcome h1,.page-heading h1{letter-spacing:-1.5px;color:#f1eff7;margin:11px 0 7px;font:600 32px Manrope,sans-serif}.welcome h1 em,.page-heading h1 em{color:#bca4ed;font-weight:500}.welcome p,.page-heading p{color:#9697a6;margin:0;font-size:12px}.date-chip{color:#9293a1;height:52px;font:10px var(--mono);border:1px solid #2b2d37;border-radius:10px;align-items:center;gap:10px;padding:0 13px;display:flex}.date-num{color:#ded8ee;font:600 19px Manrope}.hero-card{background:linear-gradient(111deg,#211e30 0%,#272137 49%,#202031 100%);border:1px solid #393248;border-radius:14px;height:266px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:26px 30px;position:relative}.hero-eyebrow{color:#b8a5e7;align-items:center;gap:8px;display:flex}.pulse{background:#b28cff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 11px #a378fa}.hero-copy h2{letter-spacing:-.7px;color:#f3effd;margin:15px 0 8px;font:600 27px/1.15 Manrope,sans-serif}.hero-copy>p{color:#b0aabd;max-width:340px;margin:0 0 18px;font-size:11px;line-height:1.6}.primary-btn,.mic-button{color:#fff;background:#9d7be3;border:1px solid #a98be8;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 13px;font-size:11px;font-weight:600;transition:all .16s;display:inline-flex;box-shadow:0 4px 17px #9f79de24}.primary-btn:hover,.mic-button:hover{background:#ad8ff0;transform:translateY(-1px)}.lesson-meta{color:#b1acbd;align-items:center;gap:17px;margin-top:15px;font-size:10px;display:flex}.lesson-meta span{align-items:center;gap:5px;display:flex}.lesson-meta .level-tag{font:9px var(--mono);letter-spacing:.4px;color:#c3acd9;background:#373044;border-radius:4px;padding:4px 6px}.hero-art{place-items:center;width:47%;height:100%;display:grid;position:absolute;top:0;right:2%;overflow:hidden}.halo{border:1px solid #a289d51e;border-radius:50%;width:250px;height:250px;position:absolute}.halo-one{border-color:#c1a7fa36;width:194px;height:194px}.halo-two{border-color:#c1a7fa21;width:144px;height:144px}.hero-note{color:#d3c2ff;z-index:1;letter-spacing:-4px;text-shadow:0 0 38px #a47be66b;font:500 71px Manrope,sans-serif}.hero-note sub{letter-spacing:0;vertical-align:baseline;margin-left:3px;font:15px Manrope}.hero-freq{color:#a69db9;font:10px var(--mono);z-index:1;margin-top:77px;position:absolute}.staff-lines{opacity:.24;flex-direction:column;justify-content:space-between;width:77%;height:89px;display:flex;position:absolute;transform:rotate(-8deg)}.staff-lines i{background:#b3a0e3;height:1px}.art-note{color:#c3a8ff;opacity:.66;position:absolute}.n1{font-size:28px;top:43px;left:23%;transform:rotate(-11deg)}.n2{font-size:22px;top:51px;right:20%;transform:rotate(13deg)}.n3{font-size:25px;bottom:41px;right:24%}.listen{color:#d4cfdd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#252337a6;border:1px solid #ffffff20;border-radius:9px;align-items:center;gap:9px;padding:8px 11px;font-size:10px;display:flex;position:absolute;bottom:16px;right:21px}.listen-icon{color:#d3b9ff;background:#55427a;border-radius:7px;place-items:center;width:25px;height:25px;display:grid}.section-heading{justify-content:space-between;align-items:flex-end;margin:29px 0 13px;display:flex}.section-heading h2{color:#e7e5ef;letter-spacing:-.4px;margin:4px 0 0;font:600 17px Manrope}.section-heading .eyebrow{color:#777a88;font-size:9px}.text-btn{color:#b29ae1;background:0 0;border:0;align-items:center;gap:5px;padding:7px 0;font-size:10px;display:inline-flex}.text-btn:hover{color:#d1baff}.stats-grid{grid-template-columns:1fr 1fr 1.3fr;gap:11px;display:grid}.stat-card{background:#181a23;border:1px solid #292b36;border-radius:11px;min-height:114px;padding:14px 15px;position:relative}.stat-icon{border-radius:8px;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:13px;right:13px}.purple{color:#b796ec;background:#35294b}.amber{color:#d9b77d;background:#40362a}.blue{color:#82b9db;background:#283745}.stat-label{letter-spacing:.7px;color:#898a99;margin:2px 0 10px;font-size:9px}.stat-value{color:#eeeaf4;letter-spacing:-.7px;font:600 23px Manrope}.stat-value small{color:#9999a6;letter-spacing:0;font:400 11px DM Sans}.stat-note{color:#777986;margin-top:5px;font-size:10px}.range-stat .stat-value{margin-top:14px;font-size:17px}.lessons-heading{margin-top:29px}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.lesson-card{text-align:left;background:#181a23;border:1px solid #2b2d37;border-radius:11px;padding:0;transition:all .18s;overflow:hidden}.lesson-card:hover{border-color:#494257;transform:translateY(-2px)}.lesson-art{justify-content:center;align-items:center;height:95px;display:flex;position:relative;overflow:hidden}.lesson-art.violet{background:linear-gradient(135deg,#302645,#252334)}.lesson-art.blue{background:linear-gradient(135deg,#203140,#252a38)}.lesson-art.green{background:linear-gradient(135deg,#253638,#262b35)}.lesson-art:before,.lesson-art:after{content:"";border:1px solid #ffffff10;border-radius:50%;width:104px;height:104px;position:absolute}.lesson-art:after{width:145px;height:145px}.lesson-art>span{color:#fff5;font:10px var(--mono);position:absolute;top:9px;right:11px}.lesson-circle{color:#ccb3ff;z-index:1;background:#b08eec22;border:1px solid #d5bfff28;border-radius:50%;place-items:center;width:41px;height:41px;display:grid}.lesson-art.blue .lesson-circle{color:#98c9e5;background:#89c7e422}.lesson-art.green .lesson-circle{color:#9ecdb4;background:#9bcfa222}.lesson-body{padding:11px 13px 10px}.lesson-label{letter-spacing:.8px;color:#9f88cc;font-size:8px}.lesson-body h3{color:#e5e2ed;margin:6px 0 4px;font:600 12px Manrope}.lesson-body p{color:#888a98;min-height:29px;margin:0;font-size:10px;line-height:1.5}.lesson-footer{color:#848693;border-top:1px solid #292b35;justify-content:space-between;align-items:center;margin-top:9px;padding-top:8px;font-size:9px;display:flex}.lesson-footer>span:first-child{align-items:center;gap:5px;display:flex}.round-arrow{color:#b9a5dd;background:#252733;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.footer-note{color:#777986;justify-content:center;align-items:center;gap:6px;margin:20px 0 0;font-size:9px;display:flex}.footer-note svg{color:#9d8abd}.footer-note button{color:#ae9ad6;background:0 0;border:0;padding:2px;font-size:9px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:23px;display:flex}.page-heading h1{margin-top:10px}.page-heading p{line-height:1.7}.mic-button{background:#9574d9;border-color:#aa8cec;height:38px;padding:0 15px}.mic-button.recording{color:#f3b7d6;box-shadow:none;background:#422c41;border-color:#a65f84}.panel{background:#181a23;border:1px solid #2b2d37;border-radius:12px}.lab-grid{grid-template-columns:1.1fr 1fr;gap:12px;display:grid}.note-panel,.graph-panel{min-height:340px;padding:19px}.panel-head{justify-content:space-between;align-items:flex-start;display:flex}.panel-kicker{color:#898797;letter-spacing:1px;font-size:9px}.panel-head h3{color:#e7e4ee;margin:5px 0 0;font:600 15px Manrope}.live-pill{color:#7c7e89;font:9px var(--mono);border:1px solid #30313c;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;display:flex}.live-pill.on{color:#c4abed;border-color:#59466e}.note-readout{text-align:center;padding:14px 0 9px}.big-note{letter-spacing:-3px;color:#e0d4fb;min-height:72px;font:500 64px Manrope}.frequency{font:11px var(--mono);color:#aaa4b4}.tuning-word{color:#aaa;margin-top:7px;font-size:11px;font-weight:600}.tuning-word.in-tune{color:#9bc9a8}.tuning-word.flat{color:#8bc4da}.tuning-word.sharp{color:#e5b77b}.tuner{padding:7px 17px 0}.tuner-ticks{color:#777987;font:9px var(--mono);justify-content:space-between;margin-bottom:7px;display:flex}.tuner-track{background:linear-gradient(90deg,#384453,#4c4651 36%,#556050 50%,#4c4651 64%,#4b3e3a);border-radius:5px;height:29px;position:relative;overflow:visible}.tuner-center{background:#ddd4ef80;width:1px;position:absolute;top:0;bottom:0;left:50%}.tuner-needle{background:#c1a2fa;border-radius:3px;width:3px;height:37px;transition:left .1s;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 0 12px #b998fb}.tuner-needle.center{background:#a7d5a8;box-shadow:0 0 11px #8ed69c}.tuner-labels{font:8px var(--mono);color:#797b88;justify-content:space-between;margin-top:7px;display:flex}.tuner-labels span:nth-child(2){color:#94b999}.signal-row{color:#9293a1;justify-content:space-between;align-items:center;margin:21px 1px 6px;font-size:10px;display:flex}.signal-row span{align-items:center;gap:7px;display:flex}.signal-row i{background:#555865;border-radius:50%;width:6px;height:6px}.signal-row i.signal-on{background:#a68ae6}.signal-row strong{font:10px var(--mono);color:#c8c3d3}.confidence-track{background:#2c2e38;border-radius:3px;height:3px;overflow:hidden}.confidence-track i{background:#a78bfa;height:100%;transition:width .16s;display:block}.panel-footer{color:#777987;border-top:1px solid #2b2d37;justify-content:space-between;margin-top:16px;padding-top:10px;font-size:9px;display:flex}.panel-footer span{align-items:center;gap:5px;display:flex}.graph-window{font:8px var(--mono);color:#777986}.pitch-graph{height:250px;margin-top:25px;display:flex}.graph-notes{color:#848594;width:35px;font:9px var(--mono);flex-direction:column;justify-content:space-between;padding:0 0 1px;display:flex}.graph-area{flex-direction:column;flex:1;justify-content:space-between;display:flex;position:relative}.graph-line{background:#2b2e38;width:100%;height:1px}.graph-area svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.graph-empty{color:#777986;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;inset:0}.graph-empty svg{color:#776b95}.graph-empty small{color:#626573;font-size:9px}.reference-panel{grid-column:1;padding:17px 19px}.reference-controls{align-items:flex-end;gap:12px;margin-top:16px;display:flex}.reference-controls label{color:#9293a1;gap:6px;font-size:10px;display:grid}.reference-controls select{color:#e5e1ed;background:#22242f;border:1px solid #363744;border-radius:7px;min-width:123px;height:34px;padding:0 10px}.primary-btn.compact{height:34px;font-size:10px}.hint{color:#777987;margin:12px 0 0;font-size:9px}.tips-panel{grid-column:2;align-items:flex-start;gap:11px;padding:18px;display:flex}.tip-icon{color:#b7a1df;background:#342b42;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.tips-panel strong,.scoring-panel strong,.export-panel strong{color:#dedbe7;font-size:11px;font-weight:600}.tips-panel p,.scoring-panel p,.export-panel p{color:#90919f;margin:5px 0 0;font-size:10px;line-height:1.55}.error-banner{color:#e8b9c2;background:#3b252d;border:1px solid #66424c;border-radius:8px;margin:-8px 0 14px;padding:12px;font-size:11px}.error-banner button{float:right;color:#e9c2cc;background:0 0;border:0;font-size:10px}.exercise-layout{grid-template-columns:1.45fr .8fr;gap:13px;display:grid}.exercise-main{padding:22px 24px}.exercise-progress{font:9px var(--mono);color:#9894a3;align-items:center;gap:11px;display:flex}.exercise-progress>div{background:#2e303a;border-radius:5px;flex:1;height:3px}.exercise-progress>div i{background:#a58ae6;border-radius:5px;height:100%;display:block}.exercise-tag{color:#a991d2;margin-top:27px}.exercise-main>h2{letter-spacing:-.6px;color:#ebe8f2;margin:8px 0;font:600 22px Manrope}.exercise-instruction{color:#999aa6;max-width:450px;font-size:11px;line-height:1.6}.target-note{background:radial-gradient(circle,#2e2940,#1c1c27 70%);border:1px solid #393348;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:146px;margin:22px auto 19px;display:flex}.target-hz{font-size:8px}.target-note strong{color:#d6c3fb;letter-spacing:-2px;margin:2px;font:600 44px Manrope}.target-note>span{font:10px var(--mono);color:#9792a1}.exercise-actions{justify-content:center;gap:9px;display:flex}.secondary-btn{color:#d4d1dd;background:#252732;border:1px solid #393b47;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 13px;font-size:10px;display:inline-flex}.secondary-btn:hover{background:#30323e}.secondary-btn.small{height:30px;margin-left:auto;font-size:9px}.exercise-result{border:1px solid #2c2e38;border-radius:8px;grid-template-columns:repeat(3,1fr);margin-top:21px;padding:11px;display:grid}.exercise-result div{text-align:center;border-right:1px solid #30313a;gap:4px;display:grid}.exercise-result div:last-child{border:0}.exercise-result span{font:8px var(--mono);color:#858693}.exercise-result strong{font:12px var(--mono);color:#e0bd8a}.exercise-result strong.good{color:#a4cfaa}.exercise-bottom{border-top:1px solid #2c2d37;justify-content:space-between;align-items:center;margin-top:22px;padding-top:12px;display:flex}.exercise-bottom>span{color:#858693;align-items:center;gap:5px;font-size:9px;display:flex}.exercise-bottom>span svg{color:#a795c5}.exercise-side{align-content:start;gap:12px;display:grid}.side-panel{padding:18px}.side-panel h3,.learn-info h3{color:#e4e1ec;margin:6px 0 16px;font:600 14px Manrope}.step-row{border-top:1px solid #2c2e38;align-items:center;gap:10px;padding:10px 0;display:flex}.step-number{color:#9a98a5;width:23px;height:23px;font:9px var(--mono);border:1px solid #41414b;border-radius:50%;place-items:center;display:grid}.step-row.active .step-number{color:#d4baff;background:#45345e;border-color:#70558e}.step-row>div:nth-child(2){gap:3px;display:grid}.step-row strong{font:11px var(--mono);color:#ddd9e7}.step-row small{color:#888a97;font-size:9px}.step-row button{color:#9f8ac5;background:0 0;border:0;margin-left:auto}.scoring-panel{gap:10px;padding:15px;display:flex}.learn-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.import-panel{text-align:center;padding:30px 25px}.upload-icon{color:#c5aaff;background:#342b43;border:1px solid #514266;border-radius:14px;place-items:center;width:51px;height:51px;margin:0 auto 14px;display:grid}.import-panel h2{margin:0 0 7px;font:600 19px Manrope}.import-panel>p{color:#9293a1;max-width:330px;margin:0 auto 18px;font-size:10px;line-height:1.6}.upload-button{cursor:pointer;background:#9675d7;border:1px solid #a98be8;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 12px;font-size:10px;font-weight:600;display:inline-flex}.upload-button input{display:none}.supported{color:#818390;justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:9px;display:flex}.supported svg{color:#a290c2}.file-chip{color:#c6bbd9;background:#252331;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin-top:12px;padding:8px;font-size:9px;display:flex}.file-chip span{color:#9dccaa}.learn-info{padding:22px}.learn-info h3{margin-bottom:20px;font-size:17px}.how-row{align-items:flex-start;gap:12px;margin-top:14px;display:flex}.how-row>span{font:10px var(--mono);color:#ad91e3;background:#322941;border-radius:6px;padding:6px}.how-row div{gap:4px;padding-top:2px;display:grid}.how-row strong{color:#dedbe6;font-size:10px}.how-row small{color:#898b98;font-size:9px}.coming-panel{align-items:center;gap:12px;margin-top:13px;padding:16px;display:flex}.coming-wave{color:#9c8bbf;background:#272935;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.coming-panel strong{color:#c9c6d2;font-size:10px}.coming-panel p{color:#858693;margin:4px 0 0;font-size:9px}.progress-stats{margin-bottom:13px}.progress-chart{padding:19px}.pitch-graph.tall{height:300px;margin-top:22px}.graph-empty .text-btn{font-size:9px}.export-panel{align-items:center;gap:11px;margin-top:13px;padding:15px;display:flex}.export-panel>svg{color:#ae99d3;flex:none}.export-panel>div{flex:1}.export-panel .text-btn{white-space:nowrap;margin-left:auto}.settings-list{gap:11px;display:grid}.setting-row{align-items:center;gap:14px;padding:17px;display:flex}.setting-icon{color:#b49cde;background:#2b2837;border-radius:9px;flex:none;place-items:center;width:35px;height:35px;display:grid}.setting-row>div:nth-child(2){flex:1}.setting-row strong{color:#dedbe6;font-size:11px}.setting-row p{color:#8e909d;margin:5px 0 0;font-size:10px}.mini-player{z-index:4;background:#191a23;border-top:1px solid #30313a;align-items:center;gap:11px;height:64px;padding:0 33px;display:flex;position:fixed;bottom:0;left:246px;right:0}.player-play{color:#fff;background:#9576ce;border:0;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.player-info{gap:3px;min-width:142px;display:grid}.player-info strong{color:#dcd9e5;font-size:10px}.player-info span{color:#818391;font-size:9px}.player-wave{flex:1;align-items:center;gap:3px;max-width:330px;height:25px;display:flex}.player-wave i{opacity:.7;background:#766393;border-radius:2px;width:2px;display:block}.player-volume{margin-left:auto}.mobile-menu,.scrim{display:none}@media (width>=1500px){.content{padding-top:50px}.hero-card{height:282px}.lesson-art{height:107px}}@media (width<=1050px){.content{padding-left:27px;padding-right:27px}.topbar{padding:0 27px}.sidebar{width:220px}main{margin-left:220px}.mini-player{left:220px}.stats-grid{grid-template-columns:1fr 1fr}.range-stat{grid-column:span 2;min-height:94px}.lesson-art{height:82px}.hero-art{width:45%;right:-4%}}@media (width<=760px){.sidebar{width:270px;transition:transform .2s;transform:translate(-100%);box-shadow:15px 0 40px #0005}.sidebar.open{transform:translate(0)}.scrim{z-index:4;background:#0009;border:0;display:block;position:fixed;inset:0}main{margin:0}.topbar{height:55px;padding:0 14px}.mobile-menu{margin-left:-7px;display:inline-flex}.breadcrumb{margin-left:7px;margin-right:auto}.top-right{gap:5px}.mic-status{font-size:8px}.content{padding:29px 16px 22px}.mini-player{height:58px;padding:0 15px;left:0}.welcome{align-items:flex-start}.welcome h1,.page-heading h1{font-size:27px}.welcome p,.page-heading p{max-width:420px;font-size:11px;line-height:1.6}.date-chip{gap:6px;height:44px;padding:0 8px;font-size:8px}.date-num{font-size:16px}.hero-card{height:auto;min-height:258px}.hero-copy{max-width:72%;padding:23px 19px}.hero-copy h2{font-size:24px}.hero-copy>p{font-size:10px}.hero-art{opacity:.8;width:43%;right:-15%}.hero-note{font-size:55px}.halo-one{width:150px;height:150px}.halo-two{width:110px;height:110px}.lesson-meta{flex-wrap:wrap;gap:8px 12px}.lesson-meta .level-tag{display:none}.section-heading{margin-top:24px}.section-heading h2{font-size:15px}.stats-grid{gap:8px}.stat-card{min-height:107px;padding:12px}.stat-value{font-size:20px}.stat-icon{width:25px;height:25px;top:9px;right:9px}.stat-label{font-size:8px}.range-stat{min-height:86px}.range-stat .stat-value{margin-top:9px;font-size:15px}.range-stat .stat-note{max-width:80%}.lesson-grid{grid-template-columns:1fr;gap:9px}.lesson-card{min-height:99px;display:flex}.lesson-art{flex:0 0 100px;width:100px;height:auto}.lesson-body{flex:1;padding:10px 12px}.lesson-body p{min-height:auto}.lesson-footer{margin-top:6px;padding-top:6px}.footer-note{flex-wrap:wrap;font-size:8px}.page-heading{align-items:flex-start;gap:13px}.page-heading .mic-button,.page-heading>.secondary-btn{flex:none;margin-top:6px;padding:0 9px;font-size:9px}.lab-grid{grid-template-columns:1fr;gap:10px}.note-panel,.graph-panel{min-height:318px;padding:16px}.pitch-graph{height:230px}.reference-panel,.tips-panel{grid-column:auto}.reference-panel{padding:16px}.tips-panel{padding:15px}.exercise-layout{grid-template-columns:1fr}.exercise-main{padding:18px}.exercise-side,.learn-grid{grid-template-columns:1fr}.import-panel{padding:25px 17px}.learn-info{padding:19px}.coming-panel{align-items:flex-start}.progress-chart{padding:16px}.pitch-graph.tall{height:250px}.export-panel{flex-wrap:wrap}.export-panel>div{min-width:70%}.export-panel .text-btn{margin-left:45px}.setting-row{gap:10px;padding:14px}.setting-icon{width:31px;height:31px}.setting-row p{line-height:1.5}.secondary-btn.small{padding:0 8px}.player-wave{max-width:none}.player-info{min-width:115px}.player-volume{padding:5px}}@media (width<=420px){.content{padding-left:12px;padding-right:12px}.welcome h1{font-size:24px}.welcome p{max-width:250px}.date-chip{font-size:7px}.hero-copy{max-width:81%;padding:20px 15px}.hero-art{opacity:.5;right:-27%}.hero-copy h2{font-size:22px}.lesson-meta{font-size:9px}.stat-card{padding:10px}.stat-value{font-size:18px}.stat-note{font-size:9px}.range-stat .stat-value{font-size:14px}.panel-footer{font-size:8px}.mic-status{letter-spacing:.2px}.topbar>.icon-btn{padding:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.audio-message{text-align:center;color:#b9a5de;min-height:14px;margin:12px auto 0;font-size:10px}