.tasks>a{border-top:1px solid #cdd0c4;grid-template-columns:28px 1fr auto;align-items:center;padding:23px 7px;font-size:14px;display:grid}.tasks>a:hover{background:#eceee4}.pronunciation-entry{color:#eef0e8;border-top:3px solid var(--accent);background:#252b23;grid-template-columns:150px 1fr auto;align-items:center;gap:30px;margin-top:18px;padding:28px 34px;display:grid}.pronunciation-entry>div:first-child{border-right:1px solid #454d42;justify-items:center;padding-right:28px;display:grid}.pronunciation-entry>div:first-child span{color:var(--accent);font:500 52px Georgia,serif}.pronunciation-entry>div:first-child small{letter-spacing:.18em;color:#8e9789;font-size:8px}.pronunciation-entry h2{margin:4px 0 8px;font-size:25px}.pronunciation-entry p:last-child{color:#aeb5aa;margin:0;font-size:13px}.pronunciation-entry>svg{color:var(--accent)}@media (max-width:760px){.pronunciation-entry{grid-template-columns:90px 1fr;gap:18px;padding:22px}.pronunciation-entry>svg{display:none}.pronunciation-entry>div:first-child{padding-right:15px}.pronunciation-entry>div:first-child span{font-size:38px}}.shell{min-height:100vh;grid-template-columns:240px minmax(0,1fr);min-height:100dvh;display:grid}.shell>aside{background:var(--surface-subtle);border-right:1px solid var(--border);z-index:20;flex-direction:column;width:240px;padding:34px 24px 26px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;font-size:20px;font-weight:650;display:flex}.brand>span{background:var(--brand);width:34px;height:34px;color:var(--brand-highlight);font:italic 20px var(--font-display);border-radius:50%;place-items:center;display:grid}.brand div{gap:1px;display:grid}.brand small{letter-spacing:1.5px;color:var(--brand-muted);font-size:7px}.shell>aside nav{gap:7px;margin-top:68px;display:grid}.shell>aside nav a{border-radius:var(--radius-control);color:var(--text-secondary);font-size:var(--type-label);align-items:center;gap:13px;padding:11px 13px;transition:all .18s;display:flex}.shell>aside nav a.active{font-weight:600}.aside-note{color:var(--text-muted);font-size:var(--type-caption);align-items:center;gap:8px;margin-top:auto;display:flex}.aside-note i{background:var(--brand-highlight);border-radius:50%;width:5px;height:5px}.shell>main{max-width:calc(var(--content-max) + 240px);grid-column:2;width:100%;padding:56px clamp(28px,5vw,72px) 110px}.eyebrow{line-height:var(--line-ui);letter-spacing:2px;text-transform:uppercase;margin:0;font-weight:650;font-size:var(--type-caption)!important;color:var(--brand-muted)!important}.page-heading{max-width:760px;margin:14px 0 36px}.page-heading.compact{margin-bottom:44px}.page-heading h1,.home-intro h1{font-size:var(--type-h1);line-height:var(--line-display);letter-spacing:-2.2px;margin:10px 0 14px;font-weight:600}.page-heading>p:last-child,.home-intro>p:last-child{font-size:var(--type-body);line-height:var(--reading-line);color:var(--text-secondary)}.progress-bar{background:#78836a33;border-radius:4px;width:100%;height:4px;overflow:hidden}.progress-bar i{background:var(--brand-highlight);border-radius:inherit;height:100%;transition:width .3s;display:block}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.tag-row span{border:1px solid color-mix(in srgb,var(--course-color,var(--brand-muted)) 45%,transparent);background:color-mix(in srgb,var(--course-color,var(--brand-muted)) 13%,transparent);color:var(--text-secondary);border-radius:var(--radius-tag);font-size:var(--type-caption);padding:5px 8px}.section-head{margin:0 0 var(--space-5);justify-content:space-between;align-items:end;display:flex}.section-head h2{font-size:var(--type-h2);line-height:var(--line-heading);letter-spacing:-1px;margin:7px 0 0;font-weight:600}.section-head>span{font-size:var(--type-caption);line-height:var(--line-ui);color:var(--text-muted)}.home-intro{margin:14px 0 32px}.home-intro h1{font-size:var(--type-h1)}.daily-hero{background:var(--brand);min-height:300px;color:var(--study-text);border-radius:var(--radius-panel);grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);align-items:center;gap:36px;padding:42px 46px;display:grid;position:relative;overflow:hidden}.daily-hero:before{content:"";background:linear-gradient(115deg,transparent 45%,color-mix(in srgb,var(--course-color) 18%,transparent));position:absolute;inset:0}.daily-copy{z-index:1;max-width:620px;position:relative}.daily-copy>span{color:var(--study-muted);font-size:var(--type-body-sm);margin-top:22px;display:block}.daily-copy h2{letter-spacing:-1.3px;margin:10px 0;font-size:clamp(27px,3vw,39px);font-weight:600}.daily-copy>p{font-size:var(--type-body-sm);color:var(--study-muted)}.daily-copy .progress-bar{background:var(--study-border);max-width:470px;margin:28px 0 22px}.course-visual{background:color-mix(in srgb,var(--course-color) 32%,var(--surface-card));align-items:flex-end;min-height:180px;padding:22px;display:flex;position:relative;overflow:hidden}.daily-hero>.course-visual{background:color-mix(in srgb,var(--course-color) 18%,var(--study-card));z-index:1;border-radius:14px;min-height:210px}.course-visual>i{border:1px solid color-mix(in srgb,var(--course-color) 70%,transparent);border-radius:50%;width:180px;height:180px;position:absolute;top:-58px;right:-45px}.course-visual>i:after{content:"";opacity:.45;border:1px solid;border-radius:50%;position:absolute;inset:32px}.course-visual>span{font:500 clamp(42px,6vw,78px)/1 var(--font-display);color:color-mix(in srgb,var(--course-color) 80%,var(--brand));letter-spacing:-3px;z-index:1;position:relative}.daily-hero .course-visual>span{color:var(--course-color)}.course-visual>svg{color:color-mix(in srgb,var(--course-color) 72%,var(--brand));width:23px;position:absolute;bottom:22px;right:22px}.course-visual>small{font-size:var(--type-caption);letter-spacing:1.6px;color:var(--text-secondary);text-transform:uppercase;position:absolute;top:20px;left:23px}.daily-hero .course-visual>small{color:var(--study-muted)}.course-visual.compact{flex:0 0 94px;width:94px;min-height:82px;padding:13px}.course-visual.compact>span{font-size:var(--type-h2);letter-spacing:-1px}.course-visual.compact>small{display:none}.course-visual.compact>svg{width:15px;bottom:12px;right:12px}.course-visual.compact>i{width:80px;height:80px;top:-32px;right:-28px}.home-section{margin-top:68px}.today-tasks{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.today-tasks>a{grid-template-columns:32px 1fr auto;align-items:center;gap:10px;min-height:106px;transition:all .18s;display:grid}.today-tasks>a:hover{transform:translateY(-2px)}.today-tasks svg{color:var(--brand-muted)}.today-tasks div{gap:5px;display:grid}.today-tasks b{font-size:var(--type-body-sm)}.today-tasks span{font-size:var(--type-caption);color:var(--text-muted)}.today-tasks strong{font:400 28px var(--font-display)}.home-split{grid-template-columns:1fr 1fr;gap:22px;margin-top:68px;display:grid}.review-panel{border-radius:var(--radius-panel);background:var(--surface-tint);min-height:228px;padding:30px;display:block;position:relative}.review-panel>span{font:500 34px var(--font-display);color:var(--brand-muted)}.review-panel h3{font-size:var(--type-h3);line-height:var(--line-heading);margin:34px 0 7px}.review-panel p{font-size:var(--type-body-sm);color:var(--text-secondary);max-width:360px;line-height:var(--reading-line)}.review-panel svg{position:absolute;bottom:28px;right:28px}.recent-list{gap:9px;display:grid}.recent-list>a{display:flex;overflow:hidden}.recent-list>a>div:last-child{flex:1;align-content:center;gap:8px;padding:16px;display:grid}.recent-list b{font-size:var(--type-body-sm)}.recent-list span{font-size:var(--type-caption);color:var(--text-muted)}.recommend-grid{grid-template-columns:1.35fr 1fr 1fr;gap:14px;display:grid}.recommend-grid>.v2-course-card .course-card-body>p,.recommend-grid>.v2-course-card .tag-row{display:none}.mini-course{display:block;position:relative}.mini-course .course-visual{width:100%;height:100px;margin-bottom:18px}.mini-course>span{font-size:var(--type-caption);color:var(--brand-muted)}.mini-course h3{font-size:var(--type-h3);line-height:var(--line-heading);margin:6px 0}.mini-course p{font-size:var(--type-body-sm);color:var(--text-secondary)}.mini-course>svg{width:17px;position:absolute;bottom:18px;right:18px}.scenario-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.scenario-row>a{gap:12px;display:grid;position:relative}.scenario-row span{font-size:var(--type-caption);color:var(--text-muted)}.scenario-row b{font-size:var(--type-h3)}.scenario-row svg{width:15px;position:absolute;bottom:18px;right:18px}.week-overview{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:72px;padding:30px;display:flex}.week-overview h2{font-size:var(--type-h2);line-height:var(--line-heading);margin:6px 0}.week-overview p:last-child{color:var(--text-muted);font-size:var(--type-body-sm)}.week-numbers{gap:42px;display:flex}.week-numbers span{font-size:var(--type-caption);color:var(--text-muted);gap:4px;display:grid}.week-numbers b{font:400 26px var(--font-display);color:var(--text-primary)}.category-tabs{border-bottom:1px solid var(--border);gap:5px;margin-bottom:28px;padding-bottom:24px;display:flex;overflow:auto}.category-tabs button{white-space:nowrap;border-radius:var(--radius-tag);color:var(--text-secondary);font-size:var(--type-body-sm);cursor:pointer;background:0 0;border:0;padding:9px 14px}.category-tabs button:hover,.category-tabs button.active{background:var(--brand);color:var(--study-text)}.featured-course{background:var(--surface-tint);border-radius:var(--radius-panel);grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;min-height:350px;padding:42px 46px;display:grid}.featured-course>div:first-child>span{font-size:var(--type-caption);color:var(--brand-muted);margin:16px 0 4px;display:block}.featured-course h2{letter-spacing:-2px;margin:5px 0 0;font-size:clamp(34px,4vw,50px);font-weight:600}.featured-course h3{font:400 18px var(--font-display);color:var(--text-secondary);margin:5px 0 18px}.featured-course>div:first-child>p:not(.eyebrow){font-size:var(--type-body-sm);line-height:var(--reading-line);color:var(--text-secondary);max-width:520px}.featured-course .tag-row{margin:20px 0}.featured-course .course-visual{background:color-mix(in srgb,var(--course-color) 35%,var(--surface-card));border-radius:14px;min-height:245px}.learning-paths{margin-top:68px}.learning-paths>div:last-child{grid-template-columns:1.4fr 1fr .75fr;gap:12px;display:grid}.learning-paths article{align-items:center;gap:10px;min-height:118px;display:flex}.learning-paths article>p{font-size:var(--type-caption);color:var(--text-muted);letter-spacing:1px;align-self:flex-start;position:absolute}.learning-paths article>a{grid-template-columns:6px 1fr;column-gap:7px;margin-top:24px;display:grid}.learning-paths article>a i{border-radius:5px;grid-row:1/3;width:6px;height:100%}.learning-paths article>a span{font-size:var(--type-caption);color:var(--text-muted)}.learning-paths article>a b{font-size:var(--type-body-sm);white-space:nowrap}.learning-paths article>svg{width:14px;color:var(--text-muted);margin-top:24px}.course-library{margin-top:72px}.v2-course-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.v2-course-card{transition:all .2s;overflow:hidden}.v2-course-card:hover{border-color:color-mix(in srgb,var(--course-color,var(--border-subtle)) 55%,var(--border))}.course-card-body{padding:23px}.course-label{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.course-label span,.course-label b{font-size:var(--type-caption);color:var(--text-muted);font-weight:500}.course-label b{color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 45%,transparent);border-radius:var(--radius-tag);padding:4px 6px}.course-card-body h3{font-size:var(--type-h3);line-height:var(--line-heading);margin:0 0 3px;font-weight:600}.course-card-body>small{font:400 12px var(--font-display);color:var(--brand-muted)}.course-card-body>p{font-size:var(--type-body-sm);line-height:var(--reading-line);color:var(--text-secondary);min-height:42px}.course-card-body .tag-row{margin:17px 0}.course-facts{font-size:var(--type-caption);color:var(--text-muted);gap:13px;margin-bottom:15px;display:flex}.course-card-body footer{color:var(--text-muted);font-size:var(--type-caption);justify-content:space-between;align-items:center;margin-top:11px;display:flex}.course-card-body footer svg{width:15px}.quick-lessons{margin-top:72px}.quick-lessons>div:last-child{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.quick-lessons a{border-top:2px solid var(--brand);grid-template-columns:24px 1fr auto;align-items:center;gap:7px;padding:18px 5px;display:grid}.quick-lessons a>span{font-size:var(--type-caption);color:var(--text-muted);grid-column:2}.quick-lessons a>b{font-size:var(--type-body-sm);grid-column:2}.quick-lessons svg{width:16px;color:var(--brand-muted);grid-row:1/3}.quick-lessons svg:last-child{grid-column:3}.course-detail-hero{background:var(--brand);border-radius:var(--radius-panel);min-height:430px;color:var(--study-text);grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;gap:50px;padding:42px 46px;display:grid;position:relative;overflow:hidden}.course-detail-hero .back{color:var(--study-muted);font-size:var(--type-body-sm);align-items:center;gap:8px;margin-bottom:42px;display:flex}.course-detail-hero .back svg{width:16px}.course-detail-hero h1{font-size:var(--type-display);letter-spacing:-2.5px;margin:10px 0 4px;font-weight:500}.course-detail-hero h2{font:400 20px var(--font-display);color:var(--study-muted);margin:0 0 20px}.course-detail-hero>div:first-child>p:not(.eyebrow){color:var(--study-muted);line-height:var(--reading-line);font-size:var(--type-body-sm);max-width:560px}.course-detail-hero .tag-row{margin-top:20px}.course-detail-hero .tag-row span{color:var(--study-muted)}.detail-facts{gap:30px;margin:35px 0 20px;display:flex}.detail-facts span{font-size:var(--type-caption);color:var(--study-muted);gap:5px;display:grid}.detail-facts b{font-size:var(--type-body-sm);color:var(--study-text)}.course-detail-hero .progress-bar{background:var(--study-border);max-width:500px}.course-detail-hero>.course-visual{background:color-mix(in srgb,var(--course-color) 20%,var(--study-card));border-radius:14px;min-height:280px}.course-detail-hero>.course-visual>span{color:var(--course-color)}.course-detail-hero>.course-visual>small{color:var(--study-muted)}.detail-intro{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;margin:62px 0;display:grid}.detail-intro>div{padding:30px 6vw 30px 5px}.detail-intro>div+div{border-left:1px solid var(--border)}.detail-intro h3{font-size:var(--type-h3);line-height:var(--line-heading);margin:7px 0}.detail-intro p:last-child{font-size:var(--type-body-sm);color:var(--text-secondary);line-height:var(--reading-line)}.unit-catalog>article{border-top:1px solid var(--border);grid-template-columns:52px 1fr auto;align-items:center;gap:20px;padding:25px 5px;display:grid}.unit-catalog>article>span{font:400 13px var(--font-display);color:var(--text-muted)}.unit-catalog article>div>div{align-items:center;gap:10px;display:flex}.unit-catalog h3{font-size:var(--type-h3);line-height:var(--line-heading);margin:0}.unit-catalog small{font-size:var(--type-caption);color:var(--brand-muted);background:var(--surface-tint);border-radius:var(--radius-tag);padding:4px 7px}.unit-catalog article p{font-size:var(--type-body-sm);color:var(--text-secondary);margin:7px 0}.unit-catalog article footer{gap:15px;margin-bottom:12px;display:flex}.unit-catalog article footer b{font-size:var(--type-caption);color:var(--text-muted);font-weight:500}.unit-actions{gap:6px;display:flex}.unit-actions a{border:1px solid var(--border);border-radius:var(--radius-tag);font-size:var(--type-caption);padding:8px 10px}.unit-actions a:hover{background:var(--brand);color:var(--study-text)}.building-notice{background:var(--surface-tint);border-radius:var(--radius-panel);align-items:center;gap:20px;margin:50px 0;padding:30px 35px;display:flex}.building-notice>svg{width:28px;color:var(--brand-muted)}.building-notice>div:nth-child(2){flex:1}.building-notice h2{font-size:var(--type-h2);line-height:var(--line-heading);margin:6px 0}.building-notice p:last-child{font-size:var(--type-body-sm);color:var(--text-secondary)}.pronunciation-path-buttons{gap:9px;display:flex}.unit-catalog.planned article{grid-template-columns:52px 1fr}.state-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.state-card>svg{width:30px;height:30px;color:var(--brand-muted);margin-bottom:22px}.state-card h3{font-size:var(--type-h3);line-height:var(--line-heading);margin:7px}.state-card>span{font-size:var(--type-body-sm);color:var(--text-muted);max-width:430px;line-height:var(--reading-line)}.state-card .button{margin-top:22px}.state-loading>svg{animation:1.2s linear infinite v2spin}@keyframes v2spin{to{transform:rotate(360deg)}}.data-list{border-bottom:1px solid var(--border)}.data-list>div{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:22px 6px;display:flex}.data-list h3{font-size:var(--type-h3);line-height:var(--line-heading);margin:0 0 6px}.data-list p{font-size:var(--type-body-sm);color:var(--text-secondary);margin:0}.data-list span{font-size:var(--type-caption);color:var(--brand-muted)}.learn{height:100vh;background:var(--study-page);height:100dvh;color:var(--study-text);grid-template-rows:90px 1fr 78px;display:grid;overflow:hidden}.learn-top{border-bottom:1px solid var(--study-border);grid-template-columns:50px 1fr auto;align-items:center;gap:20px;padding:0 4vw;display:grid;position:relative}.learn-top button,.learn-actions button{color:inherit;cursor:pointer;background:0 0;border:0}.learn-top span{font-size:var(--type-body-sm);color:var(--study-muted)}.learn-top strong{font-size:var(--type-body-sm);font-weight:500}.learn-progress{height:2px;position:absolute;bottom:-1px;left:0;right:0}.learn-progress i{background:var(--brand-highlight);height:100%;display:block}.learn-body{text-align:center;width:min(800px,82vw);margin:auto}.learn-body h1{font-weight:400;font-size:var(--type-h2);margin:24px 0 55px}.learn form{display:flex}.learn .submit{margin:8px 0}.learn-actions{border-top:1px solid var(--study-border);background:var(--study-subtle);justify-content:center;align-items:center;gap:35px;display:flex}.learn-actions button{color:var(--study-muted);font-size:var(--type-label);align-items:center;gap:7px;display:flex}.learn-actions svg{width:16px}.learn-actions kbd{font-size:var(--type-caption);border:1px solid var(--study-border);margin-left:2px;padding:2px 5px}.learn .hint,.learn .answer,.learn .feedback{max-width:600px;font-size:var(--type-body-sm);margin:20px auto 0;padding:13px 17px}.learn .feedback{gap:5px;display:grid}.learn .feedback.correct{background:color-mix(in srgb,var(--success) 18%,var(--study-card))}.learn .feedback.wrong{background:color-mix(in srgb,var(--danger) 18%,var(--study-card))}.study-shell,.learn,.phoneme-study{--learn-bg:var(--study-page);--learn-panel:var(--study-subtle);--learn-card:var(--study-card);--learn-muted:var(--study-muted);--learn-border:var(--study-border);background:var(--study-page)!important;color:var(--study-text)!important}.study-shell button.primary,.phoneme-study .primary{background:var(--brand-highlight)!important;color:var(--accent-contrast)!important}.study-shell .correct,.learn .correct,.phoneme-study .correct{color:var(--success)!important}.study-shell .wrong,.learn .wrong,.phoneme-study .wrong{color:var(--danger)!important}@media (max-width:1080px){.shell{grid-template-columns:210px minmax(0,1fr)}.shell>aside{width:210px}.v2-course-grid{grid-template-columns:repeat(2,1fr)}.today-tasks{grid-template-columns:1fr}.recommend-grid{grid-template-columns:1fr 1fr}.recommend-grid>.v2-course-card{grid-column:1/3}.learning-paths>div:last-child{grid-template-columns:1fr}.scenario-row,.quick-lessons>div:last-child{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.shell{padding-bottom:68px;display:block}.shell>aside{background:color-mix(in srgb,var(--surface-subtle) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:0;border-top:1px solid var(--border);width:100%;height:64px;padding:7px 10px;position:fixed;inset:auto 0 0}.brand,.aside-note{display:none}.shell>aside nav{grid-template-columns:repeat(6,1fr);gap:0;margin:0;display:grid}.shell>aside nav a{font-size:var(--type-label);justify-items:center;gap:2px;padding:6px 2px;display:grid}.shell>aside nav a svg{width:17px}.shell>main{padding:28px 18px 65px}.page-heading h1,.home-intro h1{letter-spacing:-1.4px}.daily-hero,.featured-course,.course-detail-hero{grid-template-columns:1fr;padding:28px 24px}.daily-hero>.course-visual,.featured-course>.course-visual{display:none}.home-split,.detail-intro{grid-template-columns:1fr}.detail-intro>div+div{border-left:0;border-top:1px solid var(--border)}.recommend-grid{grid-template-columns:1fr}.recommend-grid>.v2-course-card{grid-column:auto}.v2-course-grid{grid-template-columns:1fr}.scenario-row,.quick-lessons>div:last-child{grid-template-columns:1fr 1fr}.week-overview{flex-direction:column;align-items:flex-start;gap:30px}.week-numbers{justify-content:space-between;gap:10px;width:100%}.section-head{align-items:flex-start;gap:10px}.section-head>span{text-align:right;max-width:130px}.learning-paths article{overflow:auto}.course-detail-hero>.course-visual{display:none}.detail-facts{flex-wrap:wrap;gap:18px}.unit-catalog>article{grid-template-columns:36px 1fr}.unit-actions{flex-wrap:wrap;grid-column:2}.building-notice{flex-wrap:wrap;align-items:flex-start}.pronunciation-path-buttons{width:100%}.pronunciation-path-buttons .button{flex:1}}@media (max-width:420px){.today-tasks>a{padding:16px}.scenario-row,.quick-lessons>div:last-child{grid-template-columns:1fr}.daily-hero{min-height:330px}.daily-copy h2{font-size:28px}.course-card-body{padding:var(--space-5)}.home-intro>p:last-child{font-size:var(--type-body);line-height:var(--reading-line)}.shell>aside nav a{font-size:var(--type-label)}}.home-profile-prompt{border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:var(--radius-control);background:color-mix(in srgb,var(--accent) 8%,var(--surface-card));color:var(--text-primary);grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:12px;margin-bottom:14px;padding:15px 17px;display:grid}.home-profile-prompt>svg:first-child{width:20px;color:var(--accent)}.home-profile-prompt>svg:last-child{width:17px;color:var(--text-muted)}.home-profile-prompt span{gap:3px;display:grid}.home-profile-prompt b{font-size:var(--type-body-sm)}.home-profile-prompt small{color:var(--text-secondary);font-size:var(--type-caption)}.unit-building{font-size:var(--type-caption);color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 45%,transparent);border-radius:var(--radius-tag);padding:7px 9px}.word-audio-button{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;display:inline-flex}.word-audio-button:hover{color:var(--text-primary);border-color:var(--user-accent,var(--accent))}.word-audio-button svg{width:15px;height:15px}.primary-course-library{margin-top:56px}.primary-library-note{max-width:720px;font-size:var(--type-body-sm);line-height:var(--reading-line);color:var(--text-secondary);margin:2px 0 22px}@media (max-width:760px){.primary-course-library{margin-top:36px}.primary-library-note{margin-bottom:14px}}.cursor-effect-layer{z-index:36;pointer-events:none;position:fixed;inset:0}.cursor-effect-layer>div{width:100%;height:100%}.shell-mobile-navigation,.shell-mobile-more{display:none}@media (max-width:760px){html[data-ui-theme] .shell>aside.shell-navigation{display:none}html[data-ui-theme] body .shell{--mobile-navigation-height:calc(4.5rem + env(safe-area-inset-bottom));padding-bottom:var(--mobile-navigation-height)}html[data-ui-theme] body .shell>main{padding-bottom:1.5rem}html:has(.shell-mobile-navigation){scroll-padding-bottom:calc(6rem + env(safe-area-inset-bottom))}html:has(.shell-mobile-more[open]){overflow:hidden}.shell-mobile-navigation{z-index:30;min-height:var(--mobile-navigation-height);padding:.4rem max(.75rem, env(safe-area-inset-right)) calc(.4rem + env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));border-top:1px solid var(--border-subtle);background:var(--surface-navigation);color:var(--text-secondary);grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;display:grid;position:fixed;inset:auto 0 0}.shell-mobile-navigation>:is(a,button){min-width:0;min-height:max(3.5rem, var(--control-min));color:inherit;font:500 .75rem/1.4 var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:.85rem;align-content:center;justify-items:center;gap:.2rem;padding:.3rem .2rem;display:grid}.shell-mobile-navigation svg{width:1.3rem;height:1.3rem}.shell-mobile-navigation>.active{color:var(--accent);background:var(--surface-control);font-weight:700}.shell-mobile-more[open]{inset:auto 0 max(1rem, env(safe-area-inset-bottom));width:min(28rem,100% - 2rem);max-height:calc(100dvh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-overlay);border-radius:1.25rem;margin:0 auto;padding:0;display:block;position:fixed;overflow-y:auto}.shell-mobile-more::backdrop{background:#0000007a}.shell-mobile-more-panel{padding:1rem}.shell-mobile-more header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.shell-mobile-more h2{margin:0;font-size:1.125rem;line-height:1.5}.shell-mobile-more header button{min-width:var(--control-min);min-height:var(--control-min);background:var(--surface-control);color:inherit;cursor:pointer;border:0;border-radius:.75rem;place-items:center;padding:.5rem;display:grid}.shell-mobile-more nav{gap:.5rem;display:grid}.shell-mobile-more nav a{min-height:max(3.25rem, var(--control-min));background:var(--surface-subtle);color:inherit;border-radius:.85rem;align-items:center;gap:.85rem;padding:.75rem;font-size:1rem;line-height:1.5;display:flex}.shell-mobile-more nav a.active{color:var(--accent);background:var(--surface-control);font-weight:700}.shell-mobile-more svg{flex:none;width:1.25rem;height:1.25rem}}.echo-logo{color:#24483f;align-items:center;gap:10px;min-width:0;display:inline-flex}.echo-logo.dark{color:#e9efe5}.echo-logo-mark{color:#385e50;place-items:center;line-height:0;display:grid}.echo-logo.dark .echo-logo-mark{color:#d9ec93}.echo-logo-word{gap:3px;min-width:0;display:grid}.echo-logo-word b{letter-spacing:.13em;white-space:nowrap;font:650 15px/1 ui-sans-serif,system-ui,sans-serif}.echo-logo-word small{letter-spacing:.01em;color:#728278;white-space:nowrap;font:400 10px/1.2 ui-sans-serif,system-ui,sans-serif}.echo-logo.dark .echo-logo-word small{color:#aab7ae}.echo-logo.wordmark .echo-logo-word b{letter-spacing:.16em;font-size:19px}.echo-logo.icon .echo-logo-mark{background:#e6eee7;border-radius:17px;width:58px;height:58px}.echo-logo.dark.icon .echo-logo-mark{background:#243c35}.echo-logo.compact{gap:7px}.echo-logo.compact .echo-logo-word b{letter-spacing:.11em;font-size:11px}.brand-preview-shell main{max-width:1220px}.brand-preview-hero{max-width:760px;padding:26px 0 40px}.brand-preview-back{color:var(--text-secondary);align-items:center;gap:7px;margin-bottom:38px;font-size:12px;display:inline-flex}.brand-preview-back svg{width:15px}.brand-preview-hero h1{letter-spacing:-.065em;margin:10px 0 16px;font-size:clamp(38px,5vw,63px);font-weight:560;line-height:1.05}.brand-preview-hero>p:last-of-type{max-width:560px;color:var(--text-secondary);font-size:14px;line-height:1.8}.brand-preview-hero nav{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.brand-preview-hero nav a{border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:8px 10px;font-size:11px}.brand-overview{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:82px;display:grid}.brand-overview-card{background:var(--surface-card);border:1px solid var(--border);min-height:238px;color:var(--text-primary);border-radius:18px;align-content:start;gap:9px;padding:22px;transition:all .18s;display:grid;position:relative;overflow:hidden}.brand-overview-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.brand-overview-card .echo-logo{margin-bottom:19px}.brand-overview-card>span{color:#6c8075;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.brand-overview-card>b{font-size:19px}.brand-overview-card>small{color:var(--text-secondary);max-width:260px;font-size:12px;line-height:1.65}.brand-overview-card>svg{width:17px;color:var(--text-muted);position:absolute;bottom:20px;right:20px}.brand-overview-card.wave{background:linear-gradient(150deg,#f8faf4,#edf3e9)}.brand-overview-card.minimal-e{background:linear-gradient(150deg,#fbfaf5,#f1f0e8)}.brand-overview-card.growth{background:linear-gradient(150deg,#f7faf5,#edf4e8)}.brand-directions{gap:70px;display:grid}.brand-direction{border-top:1px solid var(--border);padding-top:36px;scroll-margin-top:22px}.brand-direction-title{grid-template-columns:54px minmax(0,1fr);align-items:start;gap:18px;margin-bottom:28px;display:grid}.brand-direction-title>span{color:#315e4d;background:#e8efe5;border-radius:14px;place-items:center;width:47px;height:47px;font:500 18px ui-sans-serif;display:grid}.brand-direction-title h2{letter-spacing:-.035em;margin:3px 0 7px;font-size:29px}.brand-direction-title h2 small{color:#718278;letter-spacing:.03em;margin-left:12px;font:400 13px ui-sans-serif}.brand-direction-title p:last-child{color:var(--text-secondary);margin:0;font-size:13px}.brand-identity-grid{grid-template-columns:1.35fr 1.15fr 1fr .75fr;gap:10px;display:grid}.brand-identity-grid article,.brand-context-grid article{border:1px solid var(--border);border-radius:15px;min-width:0}.brand-lockup{background:#fafbf7;flex-direction:column;justify-content:center;gap:20px;min-height:164px;padding:20px;display:flex}.brand-lockup.dark{background:#14231f;border-color:#2e463e}.brand-lockup.dark em{color:#9aaba1}.brand-lockup em,.brand-wordmark em,.brand-icon-only em,.brand-context-grid em{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-style:normal}.brand-wordmark,.brand-icon-only{background:var(--surface-card);flex-direction:column;justify-content:space-between;min-height:164px;padding:20px;display:flex}.brand-icon-only{align-items:flex-start}.brand-context-grid{grid-template-columns:1.2fr 1fr 1.25fr;gap:10px;margin-top:10px;display:grid}.brand-context-grid article{background:var(--surface-card);min-height:153px;padding:15px;overflow:hidden}.brand-sample-header{border-bottom:1px solid #dfe5dc;align-items:center;gap:12px;height:47px;margin-top:22px;display:flex}.brand-sample-header.dark{border-color:#33483f}.brand-sample-header>span{color:#77867e;flex:1;font-size:10px}.brand-sample-header.dark>span{color:#a0aea6}.brand-sample-header i{background:#dce5db;border-radius:99px;width:24px;height:6px}.brand-sample-header.dark i{background:#385047}.brand-settings-sample{grid-template-columns:auto 1fr;align-items:center;column-gap:9px;margin-top:17px;display:grid}.brand-settings-sample span{color:#718278;font-size:9px}.brand-settings-sample b{font-size:12px}.brand-study-sample{color:#edf3ed;background:#13231f!important}.brand-study-sample em{color:#9eaea5}.brand-study-sample>p{margin:29px 0 12px;font-size:15px}.brand-study-sample>i{background:#344a41;border-radius:99px;width:65%;height:6px;display:block}.brand-mobile-sample>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:18px;padding-bottom:11px;display:flex}.brand-mobile-sample>p{color:var(--text-secondary);margin:21px 0;font-size:12px}.brand-favicon-sample>div{align-items:end;gap:8px;margin-top:21px;display:flex}.brand-favicon-sample>div>span{background:#e8efe6;border-radius:8px;place-items:center;display:grid}.brand-favicon-sample .echo-logo-mark{transform:scale(.62)}.brand-favicon-sample small{color:var(--text-muted);margin-top:10px;font-size:9px;display:block}.brand-day-night>div{grid-template-columns:16px 38px 16px 38px;align-items:center;gap:7px;margin-top:24px;display:grid}.brand-day-night>div>svg{color:#77867e;width:14px}.brand-day-night>div>.echo-logo{background:#edf2e9;border-radius:10px;padding:7px}.brand-day-night>div>.echo-logo.dark{background:#263e35}.brand-day-night .echo-logo-mark{transform:scale(.7)}.brand-preview-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;margin:70px 0 22px;padding-top:25px;display:flex}.brand-preview-footer div{gap:5px;display:grid}.brand-preview-footer b{font-size:14px}.brand-preview-footer span{color:var(--text-secondary);font-size:12px}.brand-preview-footer a{color:var(--brand-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.brand-preview-footer a svg{width:14px}@media (max-width:850px){.brand-overview,.brand-identity-grid,.brand-context-grid{grid-template-columns:1fr 1fr}.brand-context-grid .brand-study-sample{grid-column:span 2}}@media (max-width:560px){.brand-preview-hero{padding-top:0}.brand-preview-hero h1{font-size:39px}.brand-overview,.brand-identity-grid,.brand-context-grid{grid-template-columns:1fr}.brand-context-grid .brand-study-sample{grid-column:auto}.brand-overview{margin-bottom:55px}.brand-preview-footer{flex-direction:column;align-items:flex-start}.brand-direction-title h2 small{margin:5px 0 0;display:block}.brand-direction-title{grid-template-columns:42px minmax(0,1fr);gap:12px}.brand-direction-title>span{width:40px;height:40px}.brand-lockup,.brand-wordmark,.brand-icon-only{min-height:130px}}html[data-ui-theme] .public-site{--public-measure:52rem;min-height:100vh;background:var(--surface-page);min-height:100dvh;color:var(--text-primary);flex-direction:column;display:flex}html[data-ui-theme] .public-skip-link{z-index:100;border:2px solid var(--brand-highlight);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);padding:.65rem 1rem;position:fixed;top:-6rem;left:1rem}html[data-ui-theme] .public-skip-link:focus{top:1rem}html[data-ui-theme] .public-header{z-index:30;border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-navigation) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:.7rem clamp(18px,5vw,48px);display:flex;position:sticky;top:0}html[data-ui-theme] .public-header-brand{min-height:44px;color:inherit;flex:none;align-items:center;display:inline-flex}html[data-ui-theme] .public-header-nav{flex-wrap:wrap;gap:.15rem .35rem;margin-left:auto;display:flex}html[data-ui-theme] .public-header-nav a{border-radius:var(--radius-control);min-height:40px;color:var(--text-secondary);font-size:var(--type-body-sm);align-items:center;padding:0 .7rem;line-height:1.4;display:inline-flex}html[data-ui-theme] .public-header-nav a:hover{color:var(--text-primary);background:var(--surface-control)}html[data-ui-theme] .public-main{width:100%;min-width:0;max-width:calc(var(--public-measure) + 2 * var(--page-gutter));padding:clamp(28px, 5vw, 56px) var(--page-gutter) clamp(40px, 6vw, 72px);flex:auto;margin-inline:auto}html[data-ui-theme] .public-article{gap:clamp(1.6rem,4vw,2.5rem);min-width:0;display:grid}html[data-ui-theme] .public-article-head{gap:.6rem;min-width:0;display:grid}html[data-ui-theme] .public-article-head h1{font-size:var(--type-h1);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;line-height:1.15}html[data-ui-theme] .public-lead{font-size:var(--type-body-lg);line-height:var(--reading-line);color:var(--text-secondary);overflow-wrap:anywhere;margin:0}html[data-ui-theme] .public-updated{font-size:var(--type-caption);color:var(--text-muted);margin:0}html[data-ui-theme] .public-section{gap:.8rem;min-width:0;display:grid}html[data-ui-theme] .public-section h2{font-size:var(--type-h2);overflow-wrap:anywhere;margin:0;line-height:1.3}html[data-ui-theme] .public-section h3{font-size:var(--type-h3);margin:.6rem 0 0;line-height:1.4}html[data-ui-theme] .public-section p,html[data-ui-theme] .public-section li{font-size:var(--type-body);line-height:var(--reading-line);color:var(--text-secondary);overflow-wrap:anywhere;margin:0}html[data-ui-theme] .public-section strong{color:var(--text-primary)}html[data-ui-theme] .public-section a,html[data-ui-theme] .public-footer a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}html[data-ui-theme] .public-section a:hover{color:var(--brand-highlight-hover)}html[data-ui-theme] .public-list{gap:.3rem;margin:0;padding-left:1.2rem;display:grid}html[data-ui-theme] .public-list li::marker{color:var(--brand-muted)}html[data-ui-theme] .public-callout{border:1px solid var(--border-subtle);border-left:3px solid var(--accent);border-radius:var(--radius-md);background:var(--surface-card);padding:.8rem 1rem;font-weight:600;color:var(--text-primary)!important}html[data-ui-theme] .public-note{border:1px solid var(--border-subtle);border-left:3px solid var(--brand-muted);border-radius:var(--radius-md);background:var(--surface-subtle);gap:.55rem;padding:.9rem 1.05rem;display:grid}html[data-ui-theme] .public-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}html[data-ui-theme] .public-article-notfound{gap:1rem}html[data-ui-theme] .public-table-wrap{min-width:0}html[data-ui-theme] .public-table{border-collapse:collapse;width:100%;font-size:var(--type-body-sm)}html[data-ui-theme] .public-table caption{color:var(--text-muted);font-size:var(--type-caption);text-align:left;padding-bottom:.5rem}html[data-ui-theme] .public-table th,html[data-ui-theme] .public-table td{border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:.55rem .6rem}html[data-ui-theme] .public-table th{color:var(--text-muted);font-size:var(--type-caption);letter-spacing:.04em;white-space:nowrap;font-weight:700}html[data-ui-theme] .public-table td{color:var(--text-secondary);line-height:1.7}html[data-ui-theme] .public-footer{border-top:1px solid var(--border-subtle);background:var(--surface-subtle);padding:clamp(20px, 3vw, 30px) var(--page-gutter)}html[data-ui-theme] .public-footer-inner{max-width:var(--public-measure,52rem);flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;min-width:0;margin-inline:auto;display:flex}html[data-ui-theme] .public-footer-brand{min-width:0;margin:0}html[data-ui-theme] .public-footer-lockup{font-size:var(--type-body-sm);color:var(--text-primary);margin:0;font-weight:700}html[data-ui-theme] .public-footer-service{font-size:var(--type-caption);color:var(--text-muted);margin:.15rem 0 0}html[data-ui-theme] .public-footer-links{flex-wrap:wrap;gap:.25rem .9rem;margin-left:auto;display:flex}html[data-ui-theme] .public-footer-links a{min-height:40px;font-size:var(--type-body-sm);color:var(--text-secondary);align-items:center;text-decoration:none;display:inline-flex}html[data-ui-theme] .public-footer-links a:hover{color:var(--text-primary);text-decoration:underline}html[data-ui-theme] .public-footer-legal{border-top:1px solid var(--border-subtle);font-size:var(--type-caption);color:var(--text-muted);overflow-wrap:anywhere;flex-wrap:wrap;flex-basis:100%;align-items:center;gap:.25rem 1rem;margin:0;padding-top:.6rem;display:flex}html[data-ui-theme] .public-footer-icp,html[data-ui-theme] .public-footer-police{color:var(--text-secondary)}html[data-ui-theme] .public-footer-police{align-items:center;gap:.35rem;display:inline-flex}html[data-ui-theme] .public-footer-police img{flex:none;width:1rem;height:1rem}html[data-ui-theme] .shell>main>.public-footer{margin-top:var(--space-12);border:1px solid var(--border-subtle);border-radius:var(--radius-panel)}html[data-ui-theme] .shell>main>.public-footer .public-footer-inner{max-width:none}html[data-ui-theme] .public-section[id],html[data-ui-theme] .public-faq-item[id]{scroll-margin-top:5rem}html[data-ui-theme] .public-toc{padding-left:1.2rem}html[data-ui-theme] .public-toc a{color:var(--text-secondary)}html[data-ui-theme] .public-toc a:hover{color:var(--brand-highlight-hover)}html[data-ui-theme] .public-faq{gap:.5rem;min-width:0;display:grid}html[data-ui-theme] .public-faq-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);min-width:0}html[data-ui-theme] .public-faq-item>summary{cursor:pointer;min-height:48px;color:var(--text-primary);font-size:var(--type-body-sm);overflow-wrap:anywhere;align-items:center;gap:.6rem;padding:.7rem 1rem;font-weight:600;line-height:1.5;list-style:none;display:flex}html[data-ui-theme] .public-faq-item>summary::-webkit-details-marker{display:none}html[data-ui-theme] .public-faq-item>summary:after{content:"＋";color:var(--brand-muted);flex:none;margin-left:auto;font-weight:400}html[data-ui-theme] .public-faq-item[open]>summary:after{content:"－"}html[data-ui-theme] .public-faq-item>summary:hover{background:var(--surface-control)}html[data-ui-theme] .public-faq-item>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html[data-ui-theme] .public-faq-answer{gap:.6rem;min-width:0;padding:0 1rem 1rem;display:grid}html[data-ui-theme] .public-faq-answer p{overflow-wrap:anywhere;margin:0}html[data-ui-theme] .public-faq-links{font-size:var(--type-body-sm);padding-left:1.1rem}html[data-ui-theme] .public-form{gap:1.1rem;min-width:0;display:grid}html[data-ui-theme] .public-fieldset{border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:.6rem;min-width:0;margin:0;padding:.9rem 1rem 1rem;display:grid}html[data-ui-theme] .public-fieldset legend{color:var(--text-primary);font-size:var(--type-label);padding:0 .35rem;font-weight:600}html[data-ui-theme] .public-choice-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.4rem;min-width:0;display:grid}html[data-ui-theme] .public-choice{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-subtle);cursor:pointer;min-height:44px;font-size:var(--type-body-sm);overflow-wrap:anywhere;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}html[data-ui-theme] .public-choice:has(input:checked){border-color:var(--accent);background:var(--surface-tint);color:var(--text-primary)}html[data-ui-theme] .public-choice input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:0}html[data-ui-theme] .public-field{gap:.35rem;min-width:0;margin:0;display:grid}html[data-ui-theme] .public-field>label{color:var(--text-primary);font-size:var(--type-label);font-weight:600}html[data-ui-theme] .public-field input[type=text],html[data-ui-theme] .public-field textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-input);width:100%;min-width:0;color:var(--text-primary);font:inherit;font-size:var(--type-body-sm);resize:vertical;padding:.65rem .75rem;line-height:1.6}html[data-ui-theme] .public-field textarea{min-height:120px}html[data-ui-theme] .public-field input:focus-visible,html[data-ui-theme] .public-field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}html[data-ui-theme] .public-field-hint{color:var(--text-muted);font-size:var(--type-caption)}html[data-ui-theme] .public-required{color:var(--text-muted);font-weight:400}html[data-ui-theme] .public-field-error{color:var(--text-danger);font-size:var(--type-caption);margin:0;font-weight:600}html[data-ui-theme] .public-note-warning{border-left-color:var(--warning)}html[data-ui-theme] .public-form-actions{justify-items:start;gap:.5rem;display:grid}html[data-ui-theme] .public-pending{color:var(--text-secondary);font-size:var(--type-caption);gap:.15rem;margin:0;display:grid}html[data-ui-theme] .public-pending strong{color:var(--text-primary)}html[data-ui-theme] .public-form-status{border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--type-body-sm);gap:.6rem;padding:.9rem 1.05rem;display:grid}html[data-ui-theme] .public-form-status p{overflow-wrap:anywhere;margin:0}html[data-ui-theme] .public-form-status-error{border-left:3px solid var(--danger);background:var(--surface-subtle);color:var(--text-primary)}html[data-ui-theme] .public-form-status-blocked{border-left:3px solid var(--brand-muted);background:var(--surface-subtle)}@media (max-width:760px){html[data-ui-theme] .public-header{gap:.35rem .75rem;padding:.6rem 16px;position:static}html[data-ui-theme] .public-header-nav{overflow-wrap:anywhere;gap:.1rem;width:100%;margin-left:0}html[data-ui-theme] .public-header-nav a{padding:0 .5rem}html[data-ui-theme] .public-main{padding:var(--space-6) var(--space-7) 40px}html[data-ui-theme] .public-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html[data-ui-theme] .public-table,html[data-ui-theme] .public-table tbody,html[data-ui-theme] .public-table tr,html[data-ui-theme] .public-table td{width:100%;display:block}html[data-ui-theme] .public-table tbody tr{border-bottom:1px solid var(--border-subtle);padding:.7rem 0}html[data-ui-theme] .public-table tbody td{border:0;padding:.12rem 0}html[data-ui-theme] .public-table tbody td:before{color:var(--text-muted);font-size:var(--type-caption);letter-spacing:.04em;margin-bottom:.1rem;display:block}html[data-ui-theme] .public-table tbody td[data-label]:before{content:attr(data-label) "："}html[data-ui-theme] .public-footer{padding:20px 18px calc(24px + env(safe-area-inset-bottom))}html[data-ui-theme] .public-footer-links{margin-left:0}html[data-ui-theme] .public-footer-legal{flex-direction:column;align-items:flex-start;gap:.2rem}html[data-ui-theme] .public-footer-links a{min-height:44px}html[data-ui-theme] .shell>main>.public-footer{border-inline:0;border-radius:0;margin-inline:-16px}html[data-ui-theme] .public-toc a{align-items:center;min-height:44px;display:flex}html[data-ui-theme] .public-faq-item>summary{padding:.8rem .85rem}html[data-ui-theme] .public-faq-answer{padding:0 .85rem 1rem}html[data-ui-theme] .public-fieldset{padding:.8rem .85rem .9rem}html[data-ui-theme] .public-choice-grid{grid-template-columns:1fr}html[data-ui-theme] .public-form-actions{justify-items:stretch}html[data-ui-theme] .public-form-actions .button{width:100%}html[data-ui-theme] .public-form-status{padding:.8rem .85rem}}.wake-slider{--ws-fill:#f5f5f5;--ws-track:#27272a;--ws-crest:#f5f5f5;--ws-height:56px;--ws-gap:4px;--ws-rest:.214;width:100%;color:inherit;align-items:center;gap:12px;display:inline-flex}.wake-slider[aria-disabled=true]{opacity:.5;pointer-events:none}.wake-slider__track{align-items:center;gap:var(--ws-gap);height:var(--ws-height);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;flex:auto;min-height:44px;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.wake-slider__track{cursor:grab}.wake-slider__track:active{cursor:grabbing}}.wake-slider__bar{min-width:0;height:var(--ws-height);background:var(--ws-track);transform:scaleY(var(--ws-rest));transform-origin:50%;border-radius:9999px;flex:1 1 0;transition:background-color .12s;position:relative}.wake-slider__bar[data-on=true]{background:var(--ws-fill)}.wake-slider[data-instant=true] .wake-slider__bar{transition-duration:0s}.wake-slider__crest{border-radius:inherit;background:var(--ws-crest);opacity:0;position:absolute;inset:0}.wake-slider__handle{cursor:inherit;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;outline:none;margin:0;padding:0;position:absolute;inset:0}.wake-slider__value{font-variant-numeric:tabular-nums;text-align:right;opacity:.6;min-width:3ch;font-size:13px}@media (prefers-reduced-motion:reduce){.wake-slider__bar{transform:scaleY(var(--ws-rest))!important}}.echo-wake{align-items:center;gap:10px;width:100%;min-width:0;display:flex}.echo-wake .wake-slider{flex:auto;min-width:0}.echo-wake--mini .wake-slider__track{min-height:0}.echo-wake-icon{color:var(--text-muted);flex:none}.echo-wake-icon-min{width:13px;height:13px}.echo-wake-icon-max{width:17px;height:17px}.echo-wake[data-brightness-side=dim] .echo-wake-icon-min,.echo-wake[data-brightness-side=lift] .echo-wake-icon-max{color:var(--accent)}.echo-wake--full .echo-wake-word{min-width:3.5em;color:var(--text-primary);font-variant-numeric:tabular-nums;flex:none;font-size:.8125rem}.echo-wake-reset{appearance:none;border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;flex:none;place-items:center;transition:border-color .15s,color .15s;display:grid}.echo-wake-reset:hover{border-color:var(--accent);color:var(--text-primary)}.echo-wake-reset svg{width:13px;height:13px}.echo-wake--mini{gap:7px}.echo-wake--mini .echo-wake-icon-min{width:11px;height:11px}.echo-wake--mini .echo-wake-icon-max{width:14px;height:14px}.brand .echo-logo{color:var(--text-primary);align-items:center;gap:9px;display:inline-flex}.brand .echo-logo-mark{background:var(--brand);width:34px;height:34px;color:var(--brand-highlight);border-radius:10px}.brand .echo-logo-mark svg{width:26px;height:26px}.brand .echo-logo-word{gap:3px;display:grid!important}.brand .echo-logo-word b{letter-spacing:.1em;font-size:13px}.brand .echo-logo-word small{letter-spacing:.03em;color:var(--brand-muted);font-size:8px}@media (max-width:760px){.brand .echo-logo{display:none}}.settings-center{max-width:1100px;margin:auto}.settings-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;display:flex}.settings-heading h1{margin:8px 0;font-size:46px}.settings-heading p{color:var(--text-secondary)}.settings-search{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:14px;align-items:center;gap:10px;width:310px;height:48px;padding:0 14px;display:flex}.settings-search svg{width:18px}.settings-search input{color:inherit;background:0 0;border:0;outline:0;width:100%}.settings-tabs{border-bottom:1px solid var(--border-subtle);gap:7px;margin-bottom:24px;display:flex;overflow:auto}.settings-tabs button{white-space:nowrap;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:14px 18px}.settings-tabs button.active{color:var(--text-primary);box-shadow:inset 0 -2px var(--user-accent,var(--accent))}.settings-panel{padding:8px 28px 28px}.settings-panel>header{justify-content:space-between;align-items:center;padding:20px 0 12px;display:flex}.settings-panel>header h2{margin:0}.settings-panel>header button,.preview-button,.danger-button{border:1px solid var(--border-subtle);color:inherit;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}.settings-panel>header svg,.preview-button svg,.danger-button svg{width:15px}.setting-row{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:30px;min-height:82px;padding:16px 0;display:flex}.setting-row>div:first-child{flex-direction:column;gap:5px;display:flex}.setting-row small{color:var(--text-secondary);max-width:600px}.setting-control{text-align:right;align-items:center;gap:10px;display:flex}.setting-control select,.sound-card select,.wave-setting select{border:1px solid var(--border-subtle);background:var(--surface-page);min-width:180px;color:inherit;border-radius:10px;padding:10px}.setting-toggle{cursor:pointer;background:#a9aea8;border:0;border-radius:20px;width:46px;height:25px;padding:3px}.setting-toggle i{background:#fff;border-radius:50%;width:19px;height:19px;transition:all .2s;display:block}.setting-toggle.on{background:#70851e}.setting-toggle.on i{transform:translate(21px)}.setting-toggle:disabled{opacity:.45;cursor:not-allowed}.range-control{align-items:center;gap:12px;display:flex}.range-control input{accent-color:var(--user-accent,var(--accent));width:190px}.range-control output{width:64px;color:var(--text-secondary)}.voice-profiles{grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 0;display:grid}.voice-profiles span{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:12px;padding:12px}.voice-profiles span.available{color:var(--text-primary);border-color:#97a762}.voice-profiles small{margin-top:4px;font-size:11px;display:block}.sound-card{border-top:1px solid var(--border-subtle);grid-template-columns:1fr 190px 300px;align-items:center;gap:18px;padding:20px 0;display:grid}.sound-card header{justify-content:space-between;align-items:center;display:flex}.sound-card header>div{align-items:center;gap:10px;display:flex}.sound-card header>div button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;gap:4px;display:flex}.sound-card svg{width:16px}.settings-message,.shortcut-message{color:#4d5c17;background:#eff4d7;border-radius:10px;margin-bottom:12px;padding:10px 14px}.color-grid{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);gap:12px;padding-top:20px;display:grid}.color-grid label{border:1px solid var(--border-subtle);border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex}.color-grid input{background:0 0;border:0;width:44px;height:32px}.contrast-note{color:#507031}.contrast-note.warn{color:#a16b34}.mini-preview{border-radius:16px;margin:18px 0;padding:24px}.mini-preview h3{margin:15px 0;font-size:35px}.mini-preview>i{border-radius:3px;width:65%;height:4px;display:block}.mini-preview footer{justify-content:space-between;margin-top:26px;display:flex}.wave-setting{align-items:center;gap:12px;display:flex}.wave-preview{align-items:center;gap:5px;width:120px;height:34px;display:flex}.wave-preview i{background:var(--user-accent);border-radius:4px;width:6px;height:15px;animation:1s infinite alternate wave;display:block}.wave-preview i:nth-child(2n){height:27px;animation-delay:.2s}.wave-preview i:nth-child(3n){height:20px;animation-delay:.4s}@keyframes wave{to{transform:scaleY(.45)}}kbd{background:var(--surface-page);border:1px solid var(--border-subtle);border-radius:7px;padding:7px 10px}.danger-button{color:#a54b44!important}.settings-center select:disabled{opacity:.5}[data-theme=dark]{--surface-page:#151b17;--surface-card:#1d251f;--text-primary:#f2f3ed;--text-secondary:#aeb6ad;--border-subtle:#39443b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{transition:background .2s,color .2s}.provider-status{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:999px;padding:7px 10px;font-size:12px;display:inline-flex}.provider-status.ready{color:#52671b;background:color-mix(in srgb, var(--accent) 16%, transparent);border-color:#91a559}.settings-speech-debug{border:1px dashed var(--border-subtle);color:var(--text-secondary);border-radius:10px;flex-wrap:wrap;gap:8px 18px;margin:8px 0 2px;padding:10px 12px;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.settings-speech-debug b{color:var(--text-primary)}@media (max-width:760px){.settings-heading{display:block}.settings-heading h1{font-size:34px}.settings-search{width:100%;margin-top:20px}.settings-tabs button{padding:13px}.settings-panel{padding:6px 17px 20px}.setting-row{flex-direction:column;align-items:flex-start;gap:12px}.setting-control{text-align:left;justify-content:space-between;width:100%}.setting-control select{flex:1;max-width:100%}.range-control{width:100%}.range-control input{flex:1}.voice-profiles,.color-grid{grid-template-columns:1fr 1fr}.sound-card{grid-template-columns:1fr;padding:18px 0}.sound-card header{gap:20px}.wave-setting{flex-wrap:wrap;width:100%}}.settings-path-entry{border:1px solid var(--line);background:var(--surface);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 20px;padding:18px 22px;display:flex}.settings-path-entry>div{gap:5px;display:grid}.settings-path-entry>.settings-path-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.settings-path-entry small{color:var(--muted)}@media (max-width:600px){.settings-path-entry{flex-direction:column;align-items:stretch}.settings-path-entry>.settings-path-actions{justify-content:stretch}.settings-path-actions .button{flex:1}}.sound-preset{flex-direction:column;gap:5px;display:flex}.sound-preset small{color:var(--text-secondary);font-size:11px}.sound-preset select{width:100%}.waveform-renderer{justify-content:center;align-items:center;gap:6px;width:150px;height:44px;display:flex;position:relative;overflow:hidden}.waveform-renderer.small{width:110px;height:32px}.waveform-renderer.large{width:220px;height:58px}.waveform-renderer.bars>i{width:7px;min-height:6px;max-height:90%;box-shadow:0 0 8px color-mix(in srgb, currentColor 40%, transparent);background:linear-gradient(#8ae8d5,currentColor 52%,#e5c965);border-radius:4px;transition:height 80ms}.waveform-renderer svg{width:100%;height:100%;overflow:visible}.waveform-renderer svg path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.waveform-renderer svg .wave-primary{stroke-width:2.4px;filter:drop-shadow(0 0 5px)}.waveform-renderer svg .wave-secondary{stroke-width:5px;opacity:.18;filter:blur(2px)}.waveform-renderer svg circle{fill:#e5c965;filter:drop-shadow(0 0 4px)}.matrix-grid{grid-template-rows:repeat(4,8px);grid-template-columns:repeat(8,8px);gap:4px;display:grid}.matrix-grid i{opacity:.12;background:currentColor;border-radius:2px;width:8px;height:8px}.matrix-grid i.lit{opacity:.9;box-shadow:0 0 7px color-mix(in srgb,currentColor 55%,transparent);background:linear-gradient(145deg,currentColor,#e5c965)}.waveform-renderer.droplets>i{background:currentColor;border-radius:55% 55% 65% 65%;width:7px;height:11px;position:absolute;transform:rotate(20deg)}.personalization-v3{gap:1.5rem;min-width:0;display:grid}.appearance-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-panel);min-width:0;padding:clamp(1rem,3vw,2rem)}.appearance-heading{align-items:flex-start;gap:.875rem;margin-bottom:1.5rem;display:flex}.appearance-icon{background:var(--surface-tint);width:2.75rem;height:2.75rem;color:var(--accent);border-radius:.875rem;flex:none;place-items:center;display:grid}.appearance-heading svg{width:1.375rem;height:1.375rem}.appearance-heading h2{margin:0 0 .4rem;font-size:1.5rem;line-height:1.35}.appearance-heading p,.appearance-save-note,.reading-preset-control p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.7}.theme-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.personalization-v3 .theme-choice{text-align:left;background:var(--surface-card);min-width:0;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;box-shadow:none;border-radius:.875rem;flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.personalization-v3 .theme-choice:hover,.personalization-v3 .theme-choice.selected{border-color:var(--accent)}.personalization-v3 .theme-choice.selected{box-shadow:0 0 0 2px var(--accent)}.theme-thumbnail{aspect-ratio:16/10;background:var(--surface-subtle);border-bottom:1px solid var(--border);width:100%;overflow:hidden}.theme-choice-copy{flex:1;gap:.375rem;padding:1rem 1rem .75rem;display:grid}.theme-choice-copy strong{font-size:1.0625rem}.theme-choice-copy>span{color:var(--text-secondary);font-size:.875rem;line-height:1.65}.theme-choice-state{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:0 1rem 1rem;font-size:.8125rem;display:flex}.theme-choice-state>span{color:var(--text-secondary);align-items:center;gap:.25rem;display:inline-flex}.theme-choice.selected .theme-choice-state>span{color:var(--accent)}.theme-choice-state svg{width:1rem;height:1rem}.theme-choice-state small{color:var(--text-secondary);background:var(--surface-tint);font-size:inherit;border-radius:1rem;padding:.15rem .5rem}.appearance-image{width:100%;min-height:9rem;position:relative}.appearance-image img{width:100%;height:auto;display:block}.appearance-image:not(.ready) img{opacity:0}.appearance-image:not(.ready){min-height:12rem}.appearance-image.error img{display:none}.appearance-image>span{text-align:center;color:var(--text-muted);place-items:center;padding:1rem;font-size:.875rem;display:grid;position:absolute;inset:0}.theme-thumbnail .appearance-image{height:100%;min-height:0}.theme-thumbnail .appearance-image img{object-fit:cover;object-position:top;height:100%}.appearance-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.appearance-mode{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.appearance-mode>span{font-weight:650}.appearance-mode>div{border-radius:var(--radius-control);background:var(--surface-subtle);gap:.25rem;padding:.25rem;display:flex}.appearance-mode button{min-height:var(--control-min,44px);color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;display:inline-flex}.appearance-mode button[aria-pressed=true]{border-color:var(--border);background:var(--surface-card);color:var(--text-primary)}.appearance-mode svg,.appearance-apply svg{width:1.125rem;height:1.125rem}.appearance-apply{min-height:var(--control-min,44px)}.appearance-apply:disabled{opacity:.65;cursor:default}.appearance-save-note{margin-top:.875rem}.appearance-preview,.appearance-more{border-top:1px solid var(--border-subtle);margin-top:1.5rem;padding-top:.5rem}.appearance-preview>summary,.appearance-more>summary{min-height:var(--control-min,44px);cursor:pointer;color:var(--text-primary);padding:.75rem 0;font-size:.9375rem;font-weight:650}.appearance-preview-controls{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin:.75rem 0 1rem;display:flex}.appearance-preview-controls label,.typography-controls label{color:var(--text-secondary);gap:.5rem;font-size:.875rem;display:grid}.personalization-v3 select{width:100%;min-height:var(--control-min,44px);border:1px solid var(--border);border-radius:var(--radius-control);min-width:0;color:var(--text-primary);background:var(--surface-input);font:inherit;padding:.625rem .75rem}.appearance-preview-controls label{flex:8rem}.appearance-preview-controls>a{min-height:var(--control-min,44px);color:var(--accent);align-items:center;gap:.375rem;padding:.625rem 0;font-size:.875rem;display:inline-flex}.appearance-preview-controls svg{width:1rem}.appearance-preview-figure{border:1px solid var(--border);background:var(--surface-subtle);border-radius:.875rem;margin:0;padding:1rem}.appearance-preview-figure figcaption{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:1rem;font-size:.8125rem;display:flex}.appearance-preview-figure figcaption span{color:var(--text-secondary)}.appearance-preview-screen{border:1px solid var(--border);background:var(--surface-card);border-radius:.5rem;max-height:36rem;overflow:auto}.appearance-preview-screen.mobile{width:min(100%,22rem);margin-inline:auto}.appearance-preview-screen.tablet-portrait{width:min(100%,820px);margin-inline:auto}.reading-preset-control{grid-template-columns:minmax(6rem,1fr) minmax(0,2fr);align-items:center;gap:.75rem 1rem;display:grid}.reading-preset-control>label{font-weight:650}.reading-preset-control p{grid-column:1/-1}.appearance-reading-sample{background:var(--surface-subtle);line-height:var(--reading-line,1.65);border-radius:.875rem;gap:.5rem;margin-top:1rem;padding:1.25rem;display:grid}.appearance-reading-sample strong{font-size:1.0625rem}.appearance-reading-sample>span{color:var(--accent);font-size:1.125rem}.appearance-reading-sample p{color:var(--text-secondary);margin:0;font-size:.875rem}.typography-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.wave-section-heading{align-items:center;gap:.5rem;font-size:1rem;display:flex}.wave-section-heading svg{width:1.125rem}.wave-config{border:1px solid var(--border);border-radius:.875rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:1rem;padding:1rem;display:grid}.wave-config+.wave-config{margin-top:1rem}.wave-copy h4{margin:0;font-size:1rem}.wave-copy p{color:var(--text-secondary);margin:.375rem 0 .75rem;font-size:.875rem}.wave-stage{background:var(--surface-subtle);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:8rem;padding:.5rem;display:flex;overflow:hidden}.wave-stage small{color:var(--text-secondary);font-size:.8125rem}.wave-stage .waveform-renderer{max-width:100%}.personalization-v3 :is(button,select,summary,a):focus-visible{outline:3px solid var(--accent);outline-offset:3px}html[data-ui-theme=professional] .personalization-v3{grid-column:2;grid-template-columns:minmax(0,1fr)}html[data-ui-theme=warm] .settings-center,html[data-ui-theme=playful] .settings-center{display:block}html[data-ui-theme=warm] .settings-heading,html[data-ui-theme=playful] .settings-heading{margin-bottom:1.5rem}html[data-ui-theme=warm] .settings-tabs,html[data-ui-theme=playful] .settings-tabs{flex-wrap:wrap;gap:.375rem;margin:0 0 1.5rem;padding:.5rem;display:flex;position:static;overflow:visible}html[data-ui-theme=warm] .settings-tabs button,html[data-ui-theme=playful] .settings-tabs button{text-align:center;flex:auto;padding:.625rem .875rem}html[data-ui-theme=warm] .settings-tabs button.active,html[data-ui-theme=playful] .settings-tabs button.active{box-shadow:inset 0 -3px var(--accent)}html[data-ui-theme=warm] .settings-path-entry,html[data-ui-theme=playful] .settings-path-entry{margin-bottom:1.5rem}html[data-ui-theme=warm] .personalization-v3{gap:2rem;max-width:960px;margin-inline:auto}html[data-ui-theme=warm] .appearance-card{border-radius:1.75rem}html[data-ui-theme=warm] .appearance-heading{flex-direction:column}html[data-ui-theme=playful] .appearance-heading h2{font-weight:800}html[data-ui-theme=playful] .appearance-card{border-bottom-width:4px}html[data-ui-theme] .settings-heading,html[data-ui-theme] .settings-heading>div{min-width:0}html[data-ui-theme] .settings-search{box-sizing:border-box;width:min(100%,310px);min-width:0;max-width:100%}html[data-ui-theme] .settings-search input{min-width:0}@media (min-width:1200px){html[data-ui-theme=playful] .personalization-v3{grid-template-columns:minmax(0,1.7fr) minmax(18rem,1fr);align-items:start}html[data-ui-theme=playful] .theme-choices{grid-template-columns:1fr}html[data-ui-theme=playful] .theme-choice{grid-template-columns:minmax(8rem,.75fr) minmax(0,1fr);display:grid}html[data-ui-theme=playful] .theme-thumbnail{border-bottom:0;border-right:1px solid var(--border);grid-row:1/3;height:100%}html[data-ui-theme=playful] .theme-choice-state{grid-column:2}html[data-ui-theme=playful] .typography-controls,html[data-ui-theme=playful] .wave-config{grid-template-columns:1fr}}@media (min-width:761px) and (max-width:1000px){html[data-ui-theme] .settings-heading{grid-template-columns:minmax(0,1fr);gap:1rem}html[data-ui-theme] .theme-choices{grid-template-columns:minmax(0,1fr)}.personalization-v3 .theme-choice{grid-template-columns:minmax(8rem,.65fr) minmax(0,1fr);display:grid}.theme-thumbnail{border-bottom:0;border-right:1px solid var(--border);grid-row:1/3;height:100%}.theme-choice-state{grid-column:2}}@media (max-width:760px){html[data-ui-theme] .appearance-settings .settings-heading{gap:.75rem;margin-bottom:1rem}html[data-ui-theme] .appearance-settings .settings-heading .eyebrow{display:none}html[data-ui-theme] .appearance-settings .settings-heading h1{margin:0}html[data-ui-theme] .appearance-settings .settings-heading p{margin:.375rem 0 0}html[data-ui-theme] .appearance-settings .settings-search{margin-top:0}html[data-ui-theme] .appearance-settings .settings-tabs{margin-bottom:1rem}html[data-ui-theme] .settings-heading{grid-template-columns:minmax(0,1fr)}html[data-ui-theme] .settings-search{width:100%}html[data-ui-theme] .settings-tabs{flex-wrap:wrap;margin:0 0 1.5rem;padding:.5rem;display:flex;overflow:visible}html[data-ui-theme] .settings-tabs button{flex:auto}.theme-choices{grid-template-columns:1fr}.personalization-v3 .theme-choice{grid-template-columns:minmax(6rem,.75fr) minmax(0,1fr);display:grid}.theme-thumbnail{border-bottom:0;border-right:1px solid var(--border);grid-row:1/3;height:100%}.theme-choice-state{grid-column:2}.theme-choice-copy{padding:.75rem .75rem .5rem}.theme-choice-state{padding:0 .75rem .75rem}.typography-controls{grid-template-columns:1fr}.appearance-actions{flex-direction:column;align-items:stretch}.appearance-mode{justify-content:space-between}.appearance-apply{width:100%}.reading-preset-control{grid-template-columns:1fr}.appearance-preview-figure{padding:.625rem}.wave-config{grid-template-columns:1fr}}.brightness-control{align-items:center;display:flex}.brightness-control .brightness-pill{justify-content:space-between;width:100%}.brightness-control .brightness-pill-range{flex:auto;width:auto;min-width:6rem}.brand-mini-preview{margin-top:18px}.brand-mini-options{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.brand-mini-options button{border:1px solid var(--border);background:var(--surface-card);text-align:left;cursor:pointer;color:var(--text-secondary);border-radius:12px;gap:7px;padding:11px;display:grid}.brand-mini-options button[aria-pressed=true]{color:var(--text-primary);background:#f1f5ed;border-color:#8ca58e}.brand-mini-options .echo-logo-mark{transform-origin:0;transform:scale(.72)}.brand-mini-options span{font-size:10px}.brand-mini-stage{border:1px solid var(--border);background:#f4f6f0;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:17px;display:flex}.brand-mini-stage>span{color:var(--text-muted);white-space:nowrap;font-size:10px}.brand-preview-link{color:var(--brand-muted);align-items:center;gap:6px;margin-top:15px;font-size:12px;display:flex}.brand-preview-link svg{width:14px}@media (max-width:520px){.brand-mini-options{grid-template-columns:1fr}.brand-mini-options button{grid-template-columns:40px 1fr;align-items:center}.brand-mini-options .echo-logo-mark{margin:0}.brand-mini-stage{flex-direction:column;align-items:flex-start}.brand-mini-stage>span{white-space:normal}}.cursor-effect-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.cursor-effect-options button{text-align:left;color:var(--text-secondary);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);font:inherit;cursor:pointer;gap:.35rem;padding:.85rem 1rem;transition:border-color .18s,background-color .18s,color .18s;display:grid}.cursor-effect-options button strong{color:var(--text-primary);align-items:center;gap:.45rem;font-size:.95rem;display:inline-flex}.cursor-effect-options button strong svg{width:1rem;height:1rem;color:var(--brand-muted)}.cursor-effect-options button span{color:var(--text-muted);font-size:.8125rem;line-height:1.55}.cursor-effect-options button:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.cursor-effect-options button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface-card))}.cursor-effect-options button[aria-pressed=true] strong svg{color:var(--accent)}.cursor-effect-options button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:560px){.cursor-effect-options{grid-template-columns:1fr}}.squish-switch-root{align-items:center;gap:10px;display:inline-flex}.squish-switch{--ss-w:76px;--ss-h:38px;--ss-inset:4px;--ss-thumb:30px;--ss-r:19px;--ss-thumb-r:15px;--ss-track:#27272a;--ss-track-on:#f5f5f5;--ss-thumb-color:#4e4e51;--ss-thumb-on:#27272a;--ss-fade:.32s;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;margin:0;padding:0;display:inline-block;position:relative}.squish-switch:after{content:"";position:absolute;inset:-8px}.squish-switch[data-held]{cursor:grabbing}.squish-switch[aria-disabled=true]{cursor:not-allowed;opacity:.5}.squish-switch__track{width:var(--ss-w);height:var(--ss-h);border-radius:var(--ss-r);background:var(--ss-track);transition:background-color var(--ss-fade) ease;display:block;position:relative}.squish-switch[data-on] .squish-switch__track{background:var(--ss-track-on)}.squish-switch__thumb{top:var(--ss-inset);width:var(--ss-thumb);height:var(--ss-thumb);border-radius:var(--ss-thumb-r);background:var(--ss-thumb-color);transition:background-color var(--ss-fade) ease;position:absolute;left:0}.squish-switch[data-on] .squish-switch__thumb{background:var(--ss-thumb-on)}.squish-switch__label{cursor:pointer;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.squish-switch__track,.squish-switch__thumb{transition-duration:1ms}}.echo-squish{flex:none;display:inline-flex}.echo-squish .squish-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:calc(var(--ss-r,15px) + 2px)}.echo-squish .squish-switch[aria-disabled=true]:focus-visible{outline-color:var(--text-disabled,var(--border))}.learn-v2{position:relative;overflow:auto}.learn-v2 .learn-body{width:min(880px,78vw);margin:auto;padding:52px 0 130px}.learn-v2 .learn-body>h1{margin:10px 0 18px;font-size:34px}.display-trigger{z-index:12;color:#e6e8df;background:#282d26;border:1px solid #4a5046;align-items:center;gap:8px;padding:10px 13px;font-size:12px;display:flex;position:fixed;top:25px;right:34px}.display-trigger svg{width:15px}.display-panel{z-index:13;color:#282b26;background:#f2f3eb;width:230px;padding:20px;position:fixed;top:70px;right:34px;box-shadow:0 18px 50px #0005}.display-panel>p{margin:0 0 13px;font-weight:600}.display-panel label{align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.display-panel label.disabled{opacity:.45}.display-panel small{color:#777b72;margin-top:9px;line-height:1.5;display:block}.explain-button{color:#fff;background:#252921;border:0;width:100%;margin-top:15px;padding:10px}.sentence-display{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:7px;margin:4px auto 6px;display:flex}.sentence-display>button{color:#f1f2eb;background:0 0;border:0;border-bottom:1px solid #0000;gap:5px;padding:6px 3px;display:grid}.sentence-display>button:hover,.sentence-display>button.active{color:var(--accent);border-color:var(--accent)}.sentence-display>button span{font-size:25px}.sentence-display>button small{color:#92988c;font-size:9px}.sentence-display>p{font-size:25px}.sentence-ipa{color:#aeb5a5;margin:3px 0 28px}.learn-v2 form{margin-top:34px}.learn-v2 .feedback b{justify-content:center;align-items:center;gap:6px;display:flex}.learn-v2 .feedback b svg{width:16px}.learn-v2 .feedback small{font-size:11px}.feedback-actions{justify-content:center;gap:10px;margin-top:10px;display:flex}.feedback-actions button{color:inherit;background:0 0;border:1px solid;align-items:center;gap:5px;padding:7px 12px;display:flex}.feedback-actions svg{width:14px}.annotation-board{text-align:left;background:#252a23;border:1px solid #444b41;margin-top:28px;padding:24px}.annotation-head{justify-content:space-between;align-items:center;display:flex}.annotation-head h3{margin:3px 0 18px;font-size:20px}.annotation-head button{background:var(--accent);color:var(--accent-contrast);border:0;align-items:center;gap:7px;padding:9px 12px;display:flex}.annotation-head svg{width:15px}.token-grid{align-items:stretch;gap:7px;padding-bottom:8px;display:flex;overflow-x:auto}.token-grid>button{color:#eff1e8;text-align:center;background:#20251e;border:1px solid #454c41;flex:1;gap:6px;min-width:110px;padding:14px 10px;display:grid}.token-grid>button:hover{border-color:var(--accent)}.token-grid strong{font-size:16px}.token-grid span{color:#9ea596;font-size:11px}.token-grid em{color:var(--accent);font-size:10px;font-style:normal}.token-grid small{font-size:11px}.token-grid .role{color:#aeb3a8;border-top:1px solid #3c4239;padding-top:6px}.sentence-structure{border-top:1px solid #42483f;margin-top:16px;padding-top:14px;font-size:13px}.sentence-structure span{color:#92998d;margin-right:12px}.phrase-row{gap:8px;margin-top:15px;display:flex}.phrase-row button{color:#e9ebe3;text-align:left;background:#30362d;border:0;gap:3px;padding:9px 12px;display:grid}.phrase-row span{color:#acb1a8;font-size:10px}.word-card{z-index:20;color:#252821;background:#f2f3eb;width:360px;height:100dvh;padding:42px 34px;position:fixed;top:0;right:0;overflow:auto;box-shadow:-20px 0 60px #0005}.word-close{background:0 0;border:0;position:absolute;top:24px;right:24px}.word-card h2{margin:12px 0 3px;font-size:40px;font-weight:500}.word-ipa{color:#6e756a}.word-audio{gap:8px;margin:24px 0;display:flex}.word-audio button,.word-save{background:0 0;border:1px solid #c7cabc;align-items:center;gap:7px;padding:9px 11px;font-size:12px;display:flex}.word-card dl{margin:28px 0}.word-card dl>div{border-top:1px solid #d9dbd1;grid-template-columns:82px 1fr;padding:12px 0;display:grid}.word-card dt{color:#858980;font-size:11px}.word-card dd{margin:0;font-size:13px;line-height:1.6}.pos{color:#566032;border:1px solid #9ca483;padding:2px 7px;display:inline-block}.word-save{color:#fff;background:#252921;justify-content:center;width:100%}.learn-actions button:disabled{opacity:.25;cursor:not-allowed}.voice-settings{gap:18px;display:grid}.voice-settings>section{background:#fff;border:1px solid #e0e2d9;padding:25px}.voice-settings h3{margin:0 0 18px;font-size:15px}.accent-switch{gap:8px;display:flex}.accent-switch button,.selected-voice button{background:0 0;border:1px solid #cdd0c5;padding:9px 13px}.accent-switch button.active{color:#fff;background:#252921}.selected-voice,.voice-list>button{justify-content:space-between;align-items:center;display:flex}.selected-voice span,.voice-list span{color:#84877f;margin-top:5px;font-size:11px;display:block}.selected-voice button{align-items:center;gap:7px;display:flex}.voice-list{gap:7px;display:grid}.voice-list>button{text-align:left;background:#fafbf7;border:1px solid #e0e2d9;padding:13px}.voice-list>button.active{background:#f1f3e7;border-color:#7d8658}.answer-composer{grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:22px!important;margin-top:34px!important;display:grid!important}.answer-slots{cursor:text;text-align:left;min-width:0;display:block;position:relative}.answer-label{color:#92988c;letter-spacing:.15em;margin-bottom:13px;font-size:10px;display:block}.slot-row{flex-wrap:wrap;align-items:flex-end;gap:12px 9px;min-height:50px;display:flex}.word-slot{--letters:5;min-width:clamp(42px,calc(var(--letters) * 11px),122px);color:#747b70;border-bottom:2px solid #596054;justify-content:center;align-items:flex-end;padding:7px 5px 9px;transition:border-color .16s,color .16s,background .16s;display:inline-flex;position:relative}.word-slot b{letter-spacing:.025em;white-space:nowrap;font-size:18px;font-weight:500}.word-slot i{color:#858c80;font-style:normal;position:absolute;bottom:8px;right:-5px}.word-slot.filled{color:#f0f2e9;border-color:#9aa28f}.word-slot.empty b{letter-spacing:3px;color:#5f665b;font-size:12px}.word-slot.active{border-color:var(--accent);background:linear-gradient(180deg,transparent 55%,color-mix(in srgb, var(--accent) 9%, transparent));color:var(--accent)}.word-slot.active:after{content:"";background:var(--accent);width:38%;height:2px;color:var(--accent-contrast);animation:1.2s ease-in-out infinite slot-pulse;position:absolute;bottom:-2px;left:0}.word-slot.overflow{color:#efb0a3;border-color:#c77d6d}.answer-input{z-index:2;opacity:.01!important;color:#0000!important;caret-color:#0000!important;background:0 0!important;border:0!important;width:100%!important;height:calc(100% - 29px)!important;min-height:48px!important;margin:0!important;padding:0!important;position:absolute!important;inset:29px 0 0!important}.answer-input:focus{outline:none!important}.answer-slots:focus-within .answer-label{color:var(--accent)}@keyframes slot-pulse{50%{opacity:.3}}.word-slot.active:after{content:none!important}@media (max-width:760px){.display-trigger,.display-panel{right:12px}.learn-v2 .learn-body{width:90vw;padding-top:38px}.word-card{width:100%}.annotation-board{padding:16px}.token-grid>button{min-width:100px}.learn-v2 .learn-actions button{font-size:0}.learn-v2 .learn-actions{gap:23px}.answer-composer{grid-template-columns:1fr!important;gap:18px!important}.answer-composer .submit{width:100%}.slot-row{gap:10px 7px}.word-slot{min-width:clamp(36px,calc(var(--letters) * 9px),100px)}.word-slot b{font-size:16px}}.report-panel{box-sizing:border-box;max-width:calc(100vw - 24px)}.report-panel .explain-button{min-height:44px}.report-panel textarea,.report-panel select{box-sizing:border-box;max-width:100%}.primary-phonics-card{border:1px solid var(--border);text-align:left;overflow-wrap:anywhere;border-radius:16px;width:min(100%,760px);margin:20px auto;padding:20px}.primary-word-picture{color:inherit;justify-items:center;gap:10px;margin:24px auto;display:grid}.primary-word-picture svg{stroke-width:1.5px;width:104px;height:104px}.primary-word-picture figcaption{font-size:1rem}.primary-reading-passage{font-size:1.15em;line-height:1.7}.primary-reading-card details{margin:16px 0}.primary-reading-card summary{cursor:pointer;min-height:36px}.primary-phonics-card header{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.primary-phonics-card ol{flex-wrap:wrap;gap:12px;padding:0;list-style:none;display:flex}.primary-phonics-card li{border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;min-width:64px;padding:12px;display:flex}.primary-phonics-card button{color:inherit;border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;margin:4px;padding:8px 12px}.primary-module-catalog details{border:1px solid var(--border);border-radius:16px;margin:12px 0;padding:20px}.primary-module-catalog summary{cursor:pointer;flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.primary-module-catalog article{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.answer-composer{border-bottom:0!important;padding:0!important}.answer-slots{text-align:left;min-width:0;position:relative}.slot-row{justify-content:center}@media (min-width:1001px){html[data-ui-theme] .learn-v2 .answer-composer{grid-template-columns:132px minmax(0,1fr) 132px!important}.answer-composer:before{content:"";grid-column:1}.answer-composer .answer-slots{grid-column:2}.answer-composer>.submit{grid-column:3}}.word-slot{cursor:text;flex:none;width:max-content;min-height:42px;padding:3px 2px 5px;border:0!important;border-bottom:1px solid var(--study-border,#596054)!important;box-shadow:none!important;background:0 0!important;border-radius:0!important}.answer-slot-input{appearance:none;width:100%;min-width:0;height:34px;box-shadow:none;caret-color:var(--learn-accent,var(--accent));text-align:center;letter-spacing:.025em;outline:none;margin:0;padding:2px 0;font-size:18px;font-weight:500;line-height:1.2;display:block;color:var(--study-text,var(--text-primary,#f0f2e9))!important;background:0 0!important;border:0!important}.answer-slot-input:focus,.answer-slot-input:focus-visible,.answer-slot-input:focus-within{box-shadow:none!important;outline:none!important}.answer-slot-input::placeholder{color:var(--study-muted,#727b70);letter-spacing:3px;opacity:.78;font-size:12px}.word-slot i{color:#858c80;align-self:center;margin-left:2px;font-style:normal;position:static}.word-slot:focus-within,.word-slot.active{border-bottom-color:var(--learn-accent,var(--accent))!important;box-shadow:none!important;background:0 0!important}.word-slot:focus-within .answer-slot-input,.word-slot.active .answer-slot-input{color:var(--learn-accent,var(--accent))!important}.word-slot.wrong{border-color:#b97968}.word-slot.correct{border-color:#8fa45d}.word-slot.overflow{border-color:#c77d6d}.feedback.system-error{color:#f0e5d8;background:#302a23;border-color:#8e745e}.feedback.system-error>b{color:#e4b98f}.feedback.system-error .feedback-actions button:disabled{opacity:.55}html[data-ui-theme] .learn-actions .audio-status{border:1px solid color-mix(in srgb, var(--warning,#d9a441) 35%, transparent);border-radius:var(--radius-pill,999px);background:color-mix(in srgb, var(--warning,#d9a441) 14%, var(--surface-subtle,transparent));color:var(--text-secondary,var(--study-muted,#aab2a6));text-align:center;overflow-wrap:anywhere;flex-basis:100%;order:99;margin:0;padding:6px 12px;font-size:.75rem;line-height:1.4}@media (max-width:760px){html[data-ui-theme] .learn-actions .audio-status{flex-basis:100%;padding:5px 10px;font-size:.7rem}}.listening-choice-composer{text-align:left;width:min(720px,100%);margin:34px auto 0}.listening-choice-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.listening-choice-options>button{border:1px solid var(--study-border,var(--border,#536057));background:var(--study-card,var(--surface-card,#222a25));min-height:58px;color:var(--study-text,var(--text-primary,#eef2ed));text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;padding:11px 14px;transition:border-color .16s,background .16s,transform .16s;display:grid}.listening-choice-options>button>span{width:28px;height:28px;color:var(--study-muted,var(--text-secondary,#a7b0aa));border:1px solid;border-radius:50%;place-items:center;font-size:11px;display:grid}.listening-choice-options>button>strong{font-size:14px;font-weight:520;line-height:1.45}.listening-choice-options>button:hover,.listening-choice-options>button:focus-visible,.listening-choice-options>button.selected{border-color:var(--learn-accent,var(--accent));background:color-mix(in srgb, var(--study-card,var(--surface-card,#222a25)) 90%, var(--learn-accent,var(--accent)));outline:none;transform:translateY(-1px)}.listening-choice-options>button.selected>span{border-color:var(--learn-accent,var(--accent));background:var(--learn-accent,var(--accent));color:#213024}.listening-choice-options>button:disabled{cursor:wait;opacity:.7;transform:none}@media (max-width:760px){.answer-slot-input{min-height:36px;font-size:16px}.listening-choice-options{grid-template-columns:1fr}}.learn-v2{grid-template-rows:126px 1fr 78px}.study-header{z-index:10;background:#1d211c;max-width:none;margin:0;position:sticky;top:0}.study-header .learn-top{grid-template-columns:34px minmax(210px,1fr) auto;height:78px}.lesson-identity{text-align:left;gap:5px;display:grid}.lesson-identity strong{color:#eef0e8;font-size:14px!important}.lesson-identity span{font-size:11px}.study-tools{gap:3px;display:flex}.study-tools button,.assist-bar button{color:#9fa59b;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:8px;font-size:11px;display:flex}.study-tools button:hover,.study-tools button.active,.assist-bar button:hover,.assist-bar button.active{color:var(--accent);background:#282d26}.study-tools svg,.assist-bar svg{width:14px;height:14px}.assist-bar{color:#92998e;border-bottom:1px solid #343831;align-items:center;gap:14px;height:48px;padding:0 4vw;font-size:11px;display:flex}.assist-bar>span{align-items:center;gap:6px;display:flex}.assist-bar .mode-stage{color:#c9cec3;margin-left:auto}.display-panel{top:82px}.compact-panel small{margin-bottom:12px}.mode-panel{gap:7px;display:grid}.mode-panel>button{text-align:left;background:0 0;border:1px solid #d6d8ce;padding:10px;display:grid}.mode-panel>button.selected{background:#e7ead7;border-color:#687044}.mode-panel>button:disabled{opacity:.4}.mode-panel small{margin:3px 0 0}.report-panel select,.report-panel textarea{width:100%;font:inherit;background:#fff;border:1px solid #d3d5cb;margin-top:12px;padding:9px}.report-panel textarea{resize:vertical;min-height:90px}.pause-overlay{z-index:30;text-align:center;background:#141713f0;place-content:center;justify-items:center;display:grid;position:fixed;inset:126px 0 78px}.pause-overlay svg{width:40px;height:40px;color:var(--accent)}.pause-overlay h2{margin:16px 0 4px}.pause-overlay p{color:#9da398}.pause-overlay button{background:var(--accent);color:var(--accent-contrast);border:0;padding:11px 22px}.no-image{color:#858c80;justify-content:center;align-items:center;gap:7px;margin:14px auto;font-size:11px;display:flex}.no-image svg{width:15px}.token-grid.reassembled{flex-wrap:wrap;overflow:visible}.token-grid.reassembled>button{flex:0 calc(33.333% - 7px)}.whole-sentence{border-top:1px solid #42483f;gap:6px;margin-top:17px;padding-top:14px;display:grid}.whole-sentence span{color:#92998d;font-size:11px}.whole-sentence strong{font-size:15px}.navigation-bar{z-index:11;background:#1d211c;position:sticky;bottom:0}.navigation-bar button{justify-content:center;min-width:88px}.navigation-bar button:nth-child(3){color:var(--accent)}.navigation-bar button:nth-child(4){color:#e3a995}.action-status{color:var(--accent);font-size:11px;position:absolute;right:26px}.annotation-board{background:#22271f}.token-grid>button{border-radius:3px;padding:17px 11px}.token-grid>button strong{border-bottom:2px solid #68715e;padding-bottom:7px;font-size:20px}.token-grid>button em{border:1px solid #68734d;border-radius:10px;justify-self:center;padding:2px 7px}.sentence-structure{align-items:center;display:flex}.learn-v2 .learn-body{padding-top:34px}@media (max-width:1000px){.study-tools button{font-size:0}.study-tools button svg{width:17px;height:17px}.study-header .learn-top{grid-template-columns:34px 1fr auto}.action-status{display:none}}@media (max-width:760px){.learn-v2{grid-template-rows:118px 1fr 72px}.study-header .learn-top{height:70px;padding:0 14px}.lesson-identity span{display:none}.assist-bar{gap:4px;padding:0 14px}.assist-bar button{font-size:0}.assist-bar .mode-stage{text-align:right;max-width:130px}.navigation-bar{justify-content:space-around;gap:4px!important}.navigation-bar button{justify-items:center;min-width:auto;font-size:10px!important;display:grid!important}.navigation-bar button kbd,.navigation-bar button:last-of-type{display:none}.token-grid.reassembled>button{flex-basis:calc(50% - 5px)}.display-panel{top:74px;right:10px}}.stage-guide{letter-spacing:1.4px!important;color:#aeb59f!important;font-size:12px!important}.stage-guide b{color:#7f8975;margin-left:3px;font-size:10px;font-weight:500}.sentence-ipa{letter-spacing:.025em;color:#bdc4b5;margin-top:8px;font-size:17px}.settings-panel label{display:flex!important}.hint-entry{color:#c8cec0;cursor:pointer;background:#252a23;border:1px solid #434a3f;border-radius:18px;align-items:center;gap:9px;margin:22px auto 0;padding:9px 13px;display:flex}.hint-entry:hover{border-color:var(--accent);color:var(--accent)}.hint-entry svg{width:15px}.hint-entry span{color:#858c80;font-size:11px}.hint-entry b{font-size:12px}.hint-entry kbd{border:1px solid #596054;padding:2px 5px;font-size:9px}.hint-card{background:#252a23;border:1px solid #4b5346;text-align:left!important;color:#e7eadf!important;align-items:center!important;max-width:520px!important;padding:14px 17px!important;display:flex!important}.hint-card>div{gap:4px;display:grid}.hint-card small{color:#939b8c;letter-spacing:.12em;font-size:9px}.hint-card strong{font-size:13px;font-weight:500}.hint-card.subdued{opacity:.62}.pause-overlay h2{font-size:28px}.pause-overlay p{font-size:14px}.learn{background:var(--learn-background,#171d18);color:var(--learn-text,#f2f3ed)}.learn .word-slot{border-style:var(--answer-border,solid)}.learn .answer-composer,.learn .sentence-display{font-family:var(--answer-font,inherit)}.learn-light{--learn-background:#f6f4ed!important;--learn-text:#202820!important}.learn-body h1,.sentence-display,.answer-slots,.answer-input,.annotation-board{font-size:calc(var(--answer-size,25px) * var(--reading-scale,1));font-family:var(--learning-font,var(--font-sans));line-height:var(--reading-line,1.55);font-weight:var(--reading-weight,400);letter-spacing:var(--reading-spacing,0)}.token-hint-card,.token-hint-card em,.token-hint-card small{font-size:calc(var(--grammar-size,12px) * var(--reading-scale,1));font-family:var(--learning-font,var(--font-sans))}.learn[data-pos-colors=false] .token-hint-card em{color:var(--study-muted)!important;background:var(--study-card)!important}.speech-waveform-live{justify-content:center;min-height:40px;margin:-34px auto 18px;display:flex}.speech-waveform-live .waveform-renderer:not(.active){opacity:.22}.course-reading-complete{z-index:100;background:color-mix(in srgb,var(--surface-page) 94%,transparent);text-align:center;place-content:center;padding:30px;display:grid;position:fixed;inset:0}.course-reading-complete div{justify-content:center;gap:10px;display:flex}.course-reading-complete button{border:1px solid var(--border);background:var(--surface-card);color:var(--text-primary);border-radius:10px;padding:11px 16px}.speech-debug{z-index:20;border:1px solid color-mix(in srgb,var(--learn-accent,var(--accent)) 25%,transparent);background:color-mix(in srgb,var(--learn-bg,#151b17) 92%,transparent);color:var(--study-muted,#aeb6ad);pointer-events:none;grid-template-columns:auto auto;gap:3px 12px;padding:10px 12px;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:fixed;bottom:76px;right:18px}.speech-debug b{color:var(--learn-accent,var(--accent));letter-spacing:.1em;grid-column:1/-1;font-size:10px}.speech-notice{border:1px solid var(--study-line,#39443b);background:var(--learn-bg,#151b17);max-width:min(100%,42rem);color:var(--study-muted,#aeb6ad);overflow-wrap:anywhere;align-self:center;margin:0 auto;padding:7px 12px;font-size:12px;position:static}@media (max-width:760px){.speech-debug{opacity:.9;bottom:68px;right:8px}.speech-notice{width:auto;max-width:100%}}.word-slot[role=button]{z-index:3;cursor:text}.word-slot[role=button]:focus{outline:1px solid var(--accent);outline-offset:3px}.token-hint-card{color:#eef2e8;text-align:left;background:#232920;border:1px solid #465043;max-width:760px;margin:20px auto 0;padding:18px}.token-hint-head{align-items:center;gap:10px;display:flex}.token-hint-head>svg{width:18px;color:var(--accent)}.token-hint-head>div{display:grid}.token-hint-head small{letter-spacing:.15em;color:#9aa394;font-size:9px}.token-hint-head strong{font-size:15px}.token-hint-head button{color:#aab2a5;background:0 0;border:0;margin-left:auto}.token-hint-head button svg{width:16px}.token-hint-grid{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.token-hint-grid>button{font:inherit;color:inherit;cursor:pointer;background:#20251e;border:1px solid #0000;border-top:2px solid #697461;flex:100px;justify-items:center;gap:5px;min-width:90px;padding:12px 8px;transition:border-color .16s,background .16s,transform .16s;display:grid}.token-hint-grid>button:hover,.token-hint-grid>button:focus-visible{background:#252b22;border-color:#96a27f #626d5c #626d5c;outline:none;transform:translateY(-1px)}.token-hint-grid>button.speaking{background:#293025;border-color:#9ca969}.token-hint-grid span{color:#aab3a4;min-height:14px;font-size:11px}.token-hint-grid b{align-items:center;gap:6px;font-size:19px;display:flex}.token-hint-grid b svg{color:#737d6e;opacity:0;width:13px;height:13px;transition:opacity .16s,color .16s}.token-hint-grid>button:hover b svg,.token-hint-grid>button:focus-visible b svg,.token-hint-grid>button.speaking b svg{opacity:1;color:#cbd88a}.token-hint-grid em{border:1px solid;border-radius:10px;padding:2px 7px;font-size:9px;font-style:normal}.token-hint-grid .pos-tone-olive{color:#b6b875}.token-hint-grid .pos-tone-mint{color:#82b59c}.token-hint-grid .pos-tone-amber{color:#c5a36c}.token-hint-grid .pos-tone-teal{color:#74aeb0}.token-hint-grid .pos-tone-slate{color:#879caf}.token-hint-grid .pos-tone-violet{color:#9e8fb6}.token-hint-grid .pos-tone-cyan-gray{color:#7fa1a3}.token-hint-grid .pos-tone-ochre{color:#ad9665}.token-hint-grid .pos-tone-sage{color:#9caf84}.token-hint-grid .pos-tone-apricot{color:#c49a7a}.token-hint-grid .pos-tone-stone{color:#949b91}.token-hint-grid small{color:#b8beb3;font-size:10px}.token-hint-grid p{color:#d5dbd1;margin:0;font-size:11px}.token-hint-card footer{border-top:1px solid #41483e;margin-top:14px;padding-top:12px;font-size:13px}.token-hint-card footer span{color:#9aa394;margin-right:10px}.readable-diff{text-align:left;grid-template-columns:1fr 22px 1fr;align-items:center;gap:10px;margin-top:10px;display:grid}.readable-diff>div{border:1px solid #695249;gap:4px;padding:10px;display:grid}.readable-diff>div:last-child{border-color:#64704c}.readable-diff small{color:#b99a8d;font-size:9px!important}.readable-diff strong{font-size:13px;font-weight:500}.readable-diff>svg{width:16px}.feedback-actions button{align-items:center}.feedback-actions button svg{width:14px}.annotation-empty{text-align:center;gap:9px;display:grid}.annotation-empty h3{margin:0;font-size:24px}.annotation-empty>small{color:#92998d}.navigation-bar .mastered-action{color:var(--accent)}.navigation-bar .unfamiliar-action{color:#e3a995}@media (max-width:760px){.readable-diff{grid-template-columns:1fr}.readable-diff>svg{justify-self:center;transform:rotate(90deg)}.token-hint-grid>button{flex-basis:calc(50% - 4px)}}.token-hint-role{text-align:center;border-top:1px solid #41483e;width:100%;margin-top:3px;padding-top:6px;line-height:1.3;display:block;color:#c4cabf!important;min-height:20px!important}.study-panel{text-align:left;flex-direction:column;gap:0;display:flex}.study-panel-head small{letter-spacing:.15em}.study-panel-body{gap:16px;margin-top:14px;display:grid}.study-block{gap:8px;display:grid}.study-block h4{color:#eef2e8;flex-direction:column;gap:2px;margin:0;font-size:14px;font-weight:600;display:flex}.study-block h4 small{letter-spacing:.16em;color:#9aa394;font-size:9px;font-weight:500}html[data-ui-theme] .study-block h4{color:var(--study-text)}html[data-ui-theme] .study-block h4 small{color:var(--study-secondary)}.study-answer-row{background:#20251e;border:1px solid #465043;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}html[data-ui-theme] .study-answer-row{border-color:var(--study-border);background:var(--study-control)}.study-answer{color:#f3f6ec;word-break:break-word;margin:0;font-size:21px;line-height:1.4}html[data-ui-theme] .study-answer{color:var(--study-text)}.study-sentence-ipa{color:#aab2a5;letter-spacing:.02em;margin:0;font-size:13px}html[data-ui-theme] .study-sentence-ipa{color:var(--study-secondary)}.study-sentence-audio{flex-wrap:wrap;gap:8px;display:flex}.study-sentence-audio button,.study-panel-actions button{font:inherit;cursor:pointer;color:inherit;border-radius:var(--radius-md,10px);background:0 0;border:1px solid #5b6555;align-items:center;gap:6px;padding:8px 13px;transition:border-color .16s,background .16s;display:inline-flex}html[data-ui-theme] .study-sentence-audio button,html[data-ui-theme] .study-panel-actions button{border-color:var(--study-border);color:var(--study-text)}.study-sentence-audio button svg,.study-panel-actions button svg{width:14px;height:14px}.study-sentence-audio button:hover,.study-sentence-audio button:focus-visible,.study-panel-actions button:hover,.study-panel-actions button:focus-visible{border-color:#8b7bff}.study-sentence-audio button:focus-visible{outline:none}.study-sentence-audio button.speaking{background:#293025;border-color:#9ca969}.study-structure-text,.study-curated-text{color:#d5dbd1;white-space:pre-line;margin:0;font-size:13px;line-height:1.7}html[data-ui-theme] .study-structure-text,html[data-ui-theme] .study-curated-text{color:var(--study-text)}.study-token-grid{margin-top:0}.study-token{background:#20251e;border:1px solid #0000;border-top:2px solid #697461;flex:100px;justify-items:center;gap:5px;min-width:90px;padding:12px 8px;transition:border-color .16s,background .16s,transform .16s;display:grid;position:relative}html[data-ui-theme] .study-token{background:var(--study-control);border-top-color:var(--study-border)}.study-token.speaking{background:#293025;border-color:#9ca969}.study-token-order{letter-spacing:.08em;color:#8b9383;border:1px solid;border-radius:999px;place-items:center;width:17px;height:17px;font-size:9px;display:grid;position:absolute;top:6px;left:7px}.word-card-content{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;margin-inline:auto;padding-top:14px;display:flex}.study-token-ipa{color:#aab3a4;text-align:center;min-height:14px;margin-inline:auto;padding-left:0;font-size:11px}.study-token .study-token-word{text-align:center;width:100%;font-size:19px;display:block;position:relative}.study-token .study-token-word>:first-child{text-align:center;overflow-wrap:break-word;vertical-align:middle;max-width:calc(100% - 84px);margin-inline:auto;display:inline-block}.study-word-actions{align-items:center;gap:2px;margin:0;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (max-width:760px){.study-token .study-token-word>:first-child{max-width:100%}.study-word-actions{justify-content:center;width:100%;margin:2px 0 0;display:flex;position:static;transform:none}}.study-word-text{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.study-word-text:disabled{cursor:default}.study-word-mask{letter-spacing:2px;color:#cdd4c2;-webkit-user-select:none;user-select:none}.study-word-audio,.study-word-reveal{font:inherit;color:#737d6e;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;margin:0;padding:3px;display:inline-grid}.study-word-audio svg,.study-word-reveal svg{width:13px;height:13px}.study-word-audio:hover,.study-word-reveal:hover,.study-word-audio:focus-visible,.study-word-reveal:focus-visible{color:#cbd88a;outline:none}.study-token.speaking .study-word-audio{color:#cbd88a}.study-token .study-word-audio svg,.study-token .study-word-reveal svg{opacity:1;color:#98a394;transition:opacity .16s,color .16s}.study-token .study-word-audio:hover svg,.study-token .study-word-reveal:hover svg,.study-token .study-word-audio:focus-visible svg,.study-token .study-word-reveal:focus-visible svg{opacity:1;color:#cbd88a}.study-token .study-word-audio:focus-visible,.study-token .study-word-reveal:focus-visible{outline-offset:2px;outline:2px solid #cbd88a}html[data-ui-theme][data-theme] .study-token :is(.study-word-audio,.study-word-reveal):focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 82%, transparent);outline-offset:2px}.study-token.speaking .study-word-audio svg{color:#cbd88a}.study-token em{text-align:center;border:1px solid;border-radius:10px;margin-inline:auto;padding:2px 7px;font-size:9px;font-style:normal}.study-token small{color:#b8beb3;text-align:center;margin-inline:auto;font-size:10px}.study-token-meaning{color:#d5dbd1;text-align:center;margin:0;margin-inline:auto;font-size:11px}.study-hint-note{color:#9aa394;margin:4px 0 0;font-size:11px;line-height:1.6}html[data-ui-theme] .study-hint-note{color:var(--study-secondary)}.study-mistake{gap:8px;display:grid}.study-mistake-row{background:#241f1d;border:1px solid #695249;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.study-mistake-row.is-right{background:#1f241c;border-color:#64704c}html[data-ui-theme] .study-mistake-row.is-wrong{border-color:color-mix(in srgb, var(--study-danger,#b06a5c) 55%, var(--study-border))}html[data-ui-theme] .study-mistake-row.is-right{border-color:color-mix(in srgb, var(--study-success,#8aa06a) 55%, var(--study-border))}.study-mistake-mark{border-radius:999px;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:inline-grid}.study-mistake-row.is-wrong .study-mistake-mark{color:#d98b7a;border:1px solid}.study-mistake-row.is-right .study-mistake-mark{color:#a9bf7d;border:1px solid}.study-mistake-mark svg{width:12px;height:12px}.study-mistake-row small{letter-spacing:.12em;color:#b99a8d;font-size:9px;display:block}.study-mistake-row.is-right small{color:#93a37c}.study-mistake-row strong{word-break:break-word;font-size:14px;font-weight:500}.study-mistake-note{color:#9aa394;margin:0;font-size:11px}html[data-ui-theme] .study-mistake-note{color:var(--study-secondary)}.study-phrase-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.study-phrase{background:#20251e;border-left:3px solid #96a27f;gap:2px;padding:8px 12px;display:grid}html[data-ui-theme] .study-phrase{background:var(--study-control);border-left-color:var(--accent)}.study-phrase strong{font-size:14px;font-weight:600}.study-phrase span{color:#c8cec0;font-size:12px}.study-phrase small{color:#9aa394;font-size:10px}html[data-ui-theme] .study-phrase span{color:var(--study-text)}html[data-ui-theme] .study-phrase small{color:var(--study-secondary)}.study-hint-footer{border-top:1px solid #41483e;margin-top:14px;padding-top:12px;font-size:13px}.study-hint-footer span{color:#9aa394;margin-right:10px}.study-panel-actions{border-top:1px solid #41483e;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:14px;display:flex}html[data-ui-theme] .study-panel-actions,html[data-ui-theme] .study-hint-footer{border-top-color:var(--study-border)}.study-panel-actions .study-action-next{color:#0e0b22;background:#8b7bff;border-color:#8b7bff;font-weight:600}.study-panel-actions .study-action-next:hover,.study-panel-actions .study-action-next:focus-visible{filter:brightness(1.04);border-color:#8b7bff}html[data-ui-theme] .study-panel-actions .study-action-next{color:#0e0b22;background:#8b7bff;border-color:#8b7bff}html[data-ui-theme] .study-panel-actions .study-action-next:is(:hover,:active,:focus-visible){color:#0e0b22;filter:brightness(1.04);background:#8b7bff;border-color:#8b7bff}html[data-ui-theme] .study-panel-actions .study-action-next:disabled{color:#0e0b22;background:#8b7bff;border-color:#8b7bff}html[data-ui-theme] .study-panel-actions .study-action-next:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 72%, transparent);outline-offset:3px}.study-panel-actions button:disabled{opacity:.5;cursor:progress}.feedback-actions .explain-cta{color:#0e0b22;background:#8b7bff;border-color:#8b7bff;font-weight:600}.feedback-actions .explain-cta:hover,.feedback-actions .explain-cta:focus-visible{filter:brightness(1.04);outline:none}.feedback-actions .next-cta{color:#0e0b22;background:#8b7bff;border-color:#8b7bff;font-weight:600}html[data-ui-theme] .feedback-actions .explain-cta,html[data-ui-theme] .feedback-actions .next-cta{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast,#0e0b22)}.study-sheet-backdrop{display:none}@media (max-width:760px){.study-sheet-backdrop{z-index:40;background:#080a0894;display:block;position:fixed;inset:0}.study-panel.study-panel-explanation{z-index:41;width:100%;max-width:100%;height:82vh;max-height:85vh;padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:0;border-radius:18px 18px 0 0;margin:0;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -18px 60px #00000073}.study-panel-explanation .study-panel-head{flex:none;padding:4px 2px 10px}.study-panel-explanation .study-panel-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;margin-top:4px;padding-right:2px;overflow-y:auto}.study-panel-explanation .study-panel-actions{background:inherit;padding:12px 0 calc(env(safe-area-inset-bottom,0px) + 10px);flex:none;gap:8px;margin:0;position:sticky;bottom:0}.study-panel-explanation .study-panel-actions button{min-height:var(--control-min,44px);flex:auto;justify-content:center}.study-answer-row{flex-direction:column;align-items:stretch}.study-sentence-audio button{flex:auto;justify-content:center}.study-token{min-width:0}.learn-v2:has(.study-panel-explanation) .word-card{z-index:42}}.np-switch{gap:var(--space-1);margin:var(--space-3) 0 var(--space-4);padding:var(--space-1);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-subtle);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.np-switch button{min-height:var(--control-min,44px);min-width:0;padding:var(--space-1) 2px;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.6875rem;line-height:var(--line-ui);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);background:0 0;align-content:center;justify-items:center;gap:1px;display:grid}.np-switch button span{white-space:nowrap}.np-switch button small{letter-spacing:.08em;color:var(--text-muted);font-size:.5rem}.np-switch button:hover{background:var(--surface-control);color:var(--text-primary)}.np-switch button.is-active{background:var(--surface-elevated,var(--surface-card));border-color:var(--accent);color:var(--text-primary);font-weight:650}.np-switch button.is-active small{color:var(--accent)}@media (max-width:360px){.np-switch button small{display:none}}.np-block{gap:var(--space-3);margin-top:var(--space-4);display:grid}.np-block h4{align-items:center;gap:var(--space-2);font-size:var(--type-body-sm);margin:0;display:flex}.np-block h4>svg{width:16px;height:16px;color:var(--accent);flex:none}.np-block h4>div{display:grid}.np-block h4 small{letter-spacing:.14em;color:var(--text-muted);font-size:.5625rem}.np-block h4.np-sub{margin-top:var(--space-2);padding-top:var(--space-3);border-top:var(--border-width) solid var(--border-subtle)}.np-note{color:var(--text-secondary);font-size:var(--type-body-sm);line-height:var(--line-ui);margin:0}.np-meta{color:var(--text-muted);font-size:var(--type-caption);line-height:var(--line-ui);margin:0}.np-notice{padding:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-left:3px solid var(--warning,var(--border));border-radius:var(--radius-sm);background:var(--surface-subtle);color:var(--text-primary);font-size:var(--type-body-sm);line-height:var(--reading-line,1.65);margin:0}.np-block[data-status=EXCEPTION] .np-notice{border-left-color:var(--warning,var(--border))}.np-block:not([data-status]) .np-notice{border-left-color:var(--text-muted)}.np-chunks{gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.np-chunk{min-width:48px;min-height:var(--control-min,44px);padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--text-primary);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);justify-content:center;align-items:center;gap:3px;display:inline-flex}.np-chunk b{letter-spacing:.01em;font-size:1.25rem;font-weight:600;line-height:var(--line-heading)}.np-chunk i{color:var(--text-muted);font-size:.6875rem;font-style:normal}.np-chunk:hover{border-color:var(--accent);background:var(--surface-control)}.np-chunk.is-selected{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.np-chunk.is-selected i{color:var(--accent-contrast)}.np-chunk.is-blended{background:color-mix(in srgb, var(--course-pronunciation) 26%, var(--surface-subtle));border-color:color-mix(in srgb, var(--course-pronunciation) 55%, var(--border-subtle));color:var(--text-primary)}.np-chunk.is-silent b{color:var(--text-muted)}.np-chunk.is-playing{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.np-detail{gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--border-subtle);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface-subtle);display:grid}.np-detail-pair{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.np-detail-side{gap:2px;display:grid}.np-detail-side small{font-size:var(--type-caption);color:var(--text-muted)}.np-detail-side b{color:var(--text-primary);font-size:1.25rem;font-weight:600}.np-detail-label{font-size:var(--type-caption);color:var(--text-muted)}.np-examples{gap:var(--space-2);flex-wrap:wrap;display:flex}.np-example{align-items:center;gap:var(--space-2);min-height:var(--control-min,44px);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-primary);font-size:var(--type-body-sm);cursor:pointer;display:inline-flex}.np-example svg{width:14px;height:14px;color:var(--accent);flex:none}.np-example:hover{border-color:var(--accent)}.np-chunk-play{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-min,44px);padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--accent);border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-contrast);font-size:var(--type-body-sm);cursor:pointer;display:inline-flex}.np-chunk-play svg{flex:none;width:14px;height:14px}.np-chunk-play:disabled{opacity:.7;cursor:progress}.np-chunk-play.is-playing{background:color-mix(in srgb, var(--course-pronunciation) 26%, var(--surface-subtle));border-color:color-mix(in srgb, var(--course-pronunciation) 55%, var(--border-subtle));color:var(--text-primary)}.np-note.is-error{color:var(--text-primary);border-left:3px solid var(--accent);padding-left:var(--space-3)}.np-syllables{font-size:1.375rem;line-height:var(--line-heading);color:var(--text-primary);margin:0}.np-syllables b{font-weight:600}.np-syllables i{color:var(--text-muted);font-style:normal}.np-syllables b.is-primary{color:var(--accent)}.np-stress{gap:2px;margin:0;display:grid}.np-stress b{color:var(--text-primary);font-size:1.125rem}.np-stress span{font-size:var(--type-body-sm);color:var(--text-secondary)}.np-ipa-row{gap:2px;display:grid}.np-ipa-row small{font-size:var(--type-caption);color:var(--text-muted)}.np-ipa-row p{font-size:var(--type-body-lg);color:var(--text-primary);font-family:var(--font-ipa);margin:0}.np-ipa{font-size:var(--type-ipa)!important}.np-actions{gap:var(--space-2);margin-top:var(--space-2);display:grid}.np-blend{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-min,44px);padding:var(--space-2) var(--space-4);border:var(--border-width) solid transparent;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);font-size:var(--type-label);cursor:pointer;font-weight:650;display:inline-flex}.np-blend svg{width:16px;height:16px}.np-blend:hover:not(:disabled){background:var(--brand-highlight-hover)}.np-blend:disabled{cursor:progress;opacity:.7}.np-blend-hint{font-size:var(--type-caption);color:var(--text-muted);line-height:var(--line-ui)}.np-blend-status{min-height:1em;font-size:var(--type-caption);color:var(--accent);margin:0}.np-sound-list{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.np-sound-list li{min-width:52px;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-subtle);justify-items:center;gap:2px;display:grid}.np-sound-list b{font-family:var(--font-ipa);font-size:var(--type-body);color:var(--text-primary)}.np-sound-list span{font-size:var(--type-caption);color:var(--text-muted)}@media (min-width:1024px){html[data-ui-theme] .learn-v2 .word-card{width:460px}}@media (min-width:768px) and (max-width:1023px){html[data-ui-theme] .learn-v2 .word-card{width:400px}}html[data-ui-theme] .learn-v2 .word-card[data-word-mode=PHONICS] h2,html[data-ui-theme] .learn-v2 .word-card[data-word-mode=IPA_SEGMENTS] h2{font-size:2.5rem;line-height:var(--line-display);overflow-wrap:anywhere}@media (max-width:600px){html[data-ui-theme] .learn-v2 .word-card h2{overflow-wrap:anywhere}.np-chunk{min-width:44px;padding:var(--space-1) var(--space-2)}.np-chunk b{font-size:1.125rem}}.np-hero{gap:var(--space-3);display:grid}.np-hero-scope{gap:var(--space-2);flex-wrap:wrap;display:flex}.np-hero-scope span{align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-subtle);font-size:var(--type-body-sm);color:var(--text-secondary);display:inline-flex}.np-hero-scope b{font-size:var(--type-body-lg);color:var(--text-primary)}.np-modules{gap:var(--space-4);margin-top:var(--space-6);display:grid}.np-module{gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);display:grid}.np-module>header{align-items:baseline;gap:var(--space-3);display:flex}.np-module>header span{font-size:var(--type-caption);color:var(--text-muted);letter-spacing:.1em}.np-module>header h3{font-size:var(--type-h3);color:var(--text-primary);margin:0}.np-module>header small{color:var(--text-muted);font-size:var(--type-caption);letter-spacing:.1em}.np-module-words{gap:var(--space-2);display:grid}.np-word-split{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.np-word-split strong{font-size:var(--type-body-lg);color:var(--text-primary)}.np-word-split em{color:var(--text-muted);font-style:normal;font-family:var(--font-ipa);font-size:var(--type-body-sm)}.np-chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.np-chip{padding:2px var(--space-2);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-subtle);color:var(--text-primary);font-size:var(--type-body-sm);align-items:center;display:inline-flex}.np-chip.is-silent{color:var(--text-muted)}.np-lesson{gap:var(--space-2);padding-top:var(--space-3);border-top:var(--border-width) solid var(--border-subtle);display:grid}.np-lesson-pair{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.np-lesson-pair b{font-size:var(--type-body-lg);color:var(--text-primary)}.np-lesson-pair span{color:var(--text-secondary);font-family:var(--font-ipa)}.np-lesson-pair i{color:var(--text-muted);font-style:normal;font-size:var(--type-caption)}.membership-auth-page,.membership-page{color:var(--text-primary)}.membership-auth-page{background:radial-gradient(circle at 80% 12%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 32rem), var(--surface-page);min-height:100vh;padding:clamp(1.25rem,5vw,4rem)}.membership-auth-brand{max-width:min(100%,14rem);color:var(--text-primary);display:inline-flex}.membership-auth-card{border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface-card);width:min(100%,31rem);box-shadow:var(--shadow-float);margin:clamp(2rem,8vh,6rem) auto 0;padding:clamp(1.5rem,5vw,2.75rem)}.membership-auth-intro h1,.membership-heading h1{letter-spacing:-.04em;margin:.65rem 0 .75rem;font-size:clamp(2rem,5vw,3.25rem);line-height:1.12}.membership-auth-intro>p:last-child,.membership-heading>p:last-child,.membership-section-title p,.membership-panel p{color:var(--text-secondary);line-height:var(--reading-line)}.membership-auth-card form,.profile-form{gap:1rem;margin-top:2rem;display:grid}.membership-auth-card label,.profile-form label,.profile-password-form label{min-width:0;color:var(--text-secondary);gap:.45rem;font-size:.875rem;font-weight:650;display:grid}.membership-auth-card input,.profile-form :is(input,textarea),.profile-password-form input{width:100%;min-width:0;min-height:var(--control-min);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text-primary);background:var(--surface-input);font:inherit;box-sizing:border-box;outline:0;padding:.75rem .9rem}.profile-form textarea{resize:vertical;min-height:6rem}.membership-auth-card :is(input,button):focus-visible,.profile-form :is(input,textarea,button):focus-visible,.profile-password-form :is(input,button):focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.membership-auth-card form>.button{width:100%}.membership-password-field{position:relative}.membership-password-field>input{padding-right:3rem}.membership-password-toggle{width:var(--control-min);height:var(--control-min);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.membership-password-toggle:hover{color:var(--text-primary);background:var(--surface-subtle)}.membership-password-toggle svg{width:1.15rem;height:1.15rem}.membership-forgot-link{color:var(--accent);justify-self:end;margin-top:-.4rem;font-size:.875rem;font-weight:700}@media (max-width:760px){.membership-forgot-link,.membership-auth-switch a{min-height:var(--control-min,44px);align-items:center;padding-inline:.25rem;display:inline-flex}}.membership-form-success{border-radius:var(--radius-control);color:var(--text-primary);background:var(--surface-tint);line-height:var(--reading-line);margin:1rem 0 0;padding:.75rem}.membership-confirm-email{width:100%;margin-top:2rem}.membership-preserve{grid-template-columns:auto 1fr;align-items:center;display:flex!important}.membership-preserve input{width:1.2rem;min-height:1.2rem;accent-color:var(--accent)}.membership-auth-switch{text-align:center;color:var(--text-secondary);margin:1.25rem 0 .5rem}.membership-auth-switch a{color:var(--accent);font-weight:700}.membership-auth-card>small{text-align:center;color:var(--text-muted);line-height:var(--reading-line);display:block}.membership-form-error{border-radius:var(--radius-control);color:var(--text-danger);background:color-mix(in srgb, var(--danger) 10%, var(--surface-card));margin:0;padding:.75rem}.membership-session-error{z-index:1000;width:min(32rem,100% - 2rem);box-shadow:var(--shadow-card);position:fixed;top:1rem;left:50%;transform:translate(-50%)}.membership-heading{max-width:48rem;margin:.8rem 0 2rem}.membership-heading>p:last-child{margin:0}.membership-status-card,.membership-panel,.membership-plans>article,.membership-invite-callout,.referral-code-card,.referral-qr-card,.referral-share-card{border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface-card);min-width:0}.membership-status-card{gap:.55rem;margin-bottom:2rem;padding:clamp(1.5rem,4vw,2.4rem);display:grid;position:relative;overflow:hidden}.membership-status-card>div{width:3rem;height:3rem;color:var(--accent);background:var(--surface-control);border-radius:50%;place-items:center;display:grid;position:absolute;top:1.5rem;right:1.5rem}.membership-status-card h2{margin:0;padding-right:4rem;font-size:clamp(1.35rem,3vw,2rem)}.membership-status-card strong{color:var(--accent)}.membership-status-card small{color:var(--text-muted)}.membership-free-start{margin:0 0 2.5rem}.membership-free-start>header{max-width:44rem;margin-bottom:1.1rem}.membership-free-start>header h2,.membership-section-heading h2{margin:.35rem 0 .45rem;font-size:clamp(1.4rem,3vw,2rem)}.membership-free-start>header p:last-child,.membership-section-heading p:last-child{color:var(--text-secondary);line-height:var(--reading-line);margin:0}.membership-free-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.membership-free-card{border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface-card);align-content:start;gap:1rem;min-width:0;padding:clamp(1.35rem,3vw,2rem);display:grid;position:relative;overflow:hidden}.membership-free-card:before{content:"";background:var(--accent);height:3px;position:absolute;inset:0 0 auto}.membership-referral-card:before{background:var(--text-success)}.membership-free-card-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.membership-free-card-head small{color:var(--text-muted);letter-spacing:.08em}.membership-free-card-head h3{margin:.35rem 0 0;font-size:1.25rem}.membership-free-card-head>svg{width:2rem;height:2rem;color:var(--accent);background:var(--surface-control);border-radius:50%;flex:none;padding:.65rem}.membership-referral-card .membership-free-card-head>svg{color:var(--text-success)}.membership-free-metric{align-items:baseline;gap:.5rem;margin:.25rem 0 0;display:flex}.membership-free-metric strong{font:720 clamp(2.5rem, 6vw, 4rem)/1 var(--font-display);letter-spacing:-.05em;color:var(--accent)}.membership-referral-card .membership-free-metric strong{color:var(--text-success)}.membership-free-metric span{color:var(--text-secondary);font-weight:650}.membership-free-state{min-height:2.8rem;color:var(--text-secondary);line-height:var(--reading-line);margin:0}.membership-free-card>.button{box-sizing:border-box;width:100%}.membership-free-card>ul{border-top:1px solid var(--border-subtle);gap:.65rem;margin:.2rem 0 0;padding:1rem 0 0;list-style:none;display:grid}.membership-free-card>ul li{align-items:flex-start;gap:.65rem;display:flex}.membership-free-card>ul svg{width:1rem;color:var(--text-success);flex:none;margin-top:.18rem}.membership-free-card>ul strong{font-size:.95rem;display:block}.membership-free-card>ul p{color:var(--text-muted);font-size:.85rem;line-height:var(--reading-line);margin:.28rem 0 0}.membership-free-note{color:var(--accent);font-size:.8rem;line-height:var(--reading-line);align-items:flex-start;gap:.55rem;display:flex}.membership-free-note svg{flex:none;width:1rem;margin-top:.1rem}.membership-section-heading{margin:0 0 1rem}.membership-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.membership-admin-notice{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border-subtle));border-radius:var(--radius-control);color:var(--accent);background:var(--surface-tint);font-size:.875rem;font-weight:650;line-height:var(--reading-line);align-items:flex-start;gap:.55rem;margin:0 0 1rem;padding:.8rem 1rem;display:flex}.membership-admin-notice svg{flex:none;width:1rem;margin-top:.15rem}.membership-plans>article{align-content:start;gap:.55rem;padding:1.5rem;display:grid;position:relative}.membership-plan-head{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.membership-plan-badge{border:1px solid color-mix(in srgb, var(--accent) 34%, transparent);color:var(--accent);background:var(--surface-control);letter-spacing:.04em;border-radius:999px;align-items:center;padding:.22rem .62rem;font-size:.75rem;font-weight:700;display:inline-flex}.membership-plan-badge[data-badge=QUARTERLY]{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.membership-plan-badge-note{color:var(--text-muted);font-size:.75rem}.membership-plans h2{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:.1rem 0 0;font-size:1.35rem;display:flex}.membership-plans h2 small{color:var(--text-muted);letter-spacing:.08em;font-size:.78rem;font-weight:600}.membership-plan-positioning{color:var(--text-secondary);font-size:.85rem;line-height:var(--reading-line);margin:0}.membership-plan-price{flex-wrap:wrap;align-items:baseline;gap:.55rem;margin:.35rem 0 0;display:flex}.membership-plan-price>strong{font:720 clamp(2rem, 4.4vw, 2.7rem)/1 var(--font-display);letter-spacing:-.04em;color:var(--text-primary)}.membership-plan-price-was{color:var(--text-muted);font-size:.85rem;text-decoration:line-through;text-decoration-thickness:1px}.membership-plan-period{color:var(--text-secondary);margin:0;font-size:.9rem;font-weight:650}.membership-plans ul{border-top:1px solid var(--border-subtle);gap:.45rem;margin:.5rem 0 0;padding:.9rem 0 0;list-style:none;display:grid}.membership-plans li{font-size:.85rem;line-height:var(--reading-line);align-items:flex-start;gap:.5rem;display:flex}.membership-plans li svg{width:.95rem;color:var(--text-success);flex:none;margin-top:.2rem}.membership-plans .button{box-sizing:border-box;width:100%;margin-top:.45rem}.membership-plan-pay-note{color:var(--text-muted);font-size:.75rem;line-height:var(--reading-line);text-align:center;margin:.1rem 0 0}.membership-plans>article[data-admin-only=true]{border-style:dashed}.membership-hero-points{color:var(--text-secondary);font-size:.9rem;line-height:var(--reading-line);gap:.45rem;margin:1rem 0 0;padding-left:1.15rem;display:grid}.membership-plan-groups{gap:2rem;display:grid}.membership-plan-group{gap:1rem;display:grid}.membership-plan-group-head{max-width:46rem}.membership-plan-group-head h3{margin:.3rem 0 .35rem;font-size:clamp(1.2rem,2.4vw,1.55rem)}.membership-plan-group-head>p:last-child{color:var(--text-secondary);font-size:.875rem;line-height:var(--reading-line);margin:0}.membership-plans[data-tiers="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-plan-audience{color:var(--text-secondary);font-size:.83rem;line-height:var(--reading-line);align-items:flex-start;gap:.5rem;margin:0;display:flex}.membership-plan-audience svg{width:.95rem;color:var(--accent);flex:none;margin-top:.15rem}.membership-plan-benefits{border-top:1px solid var(--border-subtle);gap:.5rem;padding-top:.7rem;display:grid}.membership-plan-benefits-lead{color:var(--accent);letter-spacing:.01em;font-size:.8rem;font-weight:750;line-height:var(--reading-line);margin:0}.membership-plan-benefits ul{border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem .7rem;margin:0;padding:0;list-style:none;display:grid}.membership-plan-benefits li{color:var(--text-secondary);align-items:flex-start;gap:.35rem;font-size:.78rem;line-height:1.5;display:flex}.membership-plan-benefits li svg{width:.78rem;color:var(--text-success);flex:none;margin-top:.24rem}.membership-plan-sharing{border:1px dashed color-mix(in srgb, var(--accent) 42%, var(--border-subtle));border-radius:var(--radius-control);background:var(--surface-tint);gap:.42rem;padding:.7rem .8rem;display:grid}.membership-plan-sharing-title{color:var(--accent);font-size:.8rem;font-weight:750;line-height:var(--reading-line);margin:0}.membership-plan-sharing ul{border-top:0;gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.membership-plan-sharing li{color:var(--text-secondary);align-items:flex-start;gap:.35rem;font-size:.78rem;line-height:1.5;display:flex}.membership-plan-sharing li svg{width:.78rem;color:var(--accent);flex:none;margin-top:.24rem}.membership-plan-sharing-boundary{color:var(--text-muted);font-size:.72rem;line-height:var(--reading-line);margin:0}.membership-shared-benefits{border:1px dashed var(--border-subtle);border-radius:var(--radius-panel);background:0 0;margin-top:1.5rem;padding:1.2rem 1.4rem}.membership-shared-benefits h3{margin:.3rem 0 0;font-size:1rem}.membership-shared-benefits>p{color:var(--text-muted);font-size:.82rem;line-height:var(--reading-line);margin:.35rem 0 0}.membership-shared-benefits ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .9rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.membership-shared-benefits li{font-size:.85rem;line-height:var(--reading-line);align-items:flex-start;gap:.5rem;display:flex}.membership-shared-benefits li svg{width:.95rem;color:var(--text-success);flex:none;margin-top:.2rem}.membership-choose{margin-top:1.5rem}.membership-choose h3{margin:0;font-size:1.1rem}.membership-choose>p{color:var(--text-secondary);font-size:.85rem;line-height:var(--reading-line);margin:.35rem 0 1rem}.membership-choose-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.membership-choose-grid>article{border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface-card);align-content:start;gap:.6rem;padding:1.1rem;display:grid}.membership-choose-grid h4{margin:0;font-size:1.05rem}.membership-choose-grid dl{gap:.35rem;margin:0;display:grid}.membership-choose-grid dl>div{gap:.15rem;display:grid}.membership-choose-grid dt{color:var(--text-muted);letter-spacing:.04em;font-size:.75rem}.membership-choose-grid dd{font-size:.85rem;line-height:var(--reading-line);margin:0}.membership-choose-grid p{color:var(--text-secondary);font-size:.8rem;line-height:var(--reading-line);margin:0}.membership-internal-preview{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border-subtle));border-radius:var(--radius-panel);background:var(--surface-tint);gap:.7rem;margin:0 0 1.5rem;padding:1.2rem 1.3rem;display:grid}.membership-internal-preview-head{align-items:center;gap:.6rem;display:flex}.membership-internal-preview-head>svg{color:var(--accent);flex:none}.membership-internal-preview-head>div{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.membership-internal-preview-head strong{font-size:1.05rem}.membership-internal-preview-badge{border:1px dashed color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent);letter-spacing:.06em;border-radius:999px;align-items:center;padding:.18rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.membership-internal-preview-disclaimer,.membership-internal-preview-boundary{font-size:.85rem;line-height:var(--reading-line);margin:0}.membership-internal-preview-disclaimer{color:var(--text-primary)}.membership-internal-preview-boundary{color:var(--text-secondary)}.membership-internal-preview-items{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.membership-internal-preview-items li{font-size:.82rem;line-height:var(--reading-line);flex-wrap:wrap;gap:.3rem .6rem;display:flex}.membership-internal-preview-items b{color:var(--accent)}.membership-internal-preview-items span{color:var(--text-secondary)}.membership-internal-preview .membership-admin-notice{margin:0}.membership-commercial-rules{border:1px dashed color-mix(in srgb, var(--accent) 40%, var(--border-subtle));border-radius:var(--radius-panel);background:var(--surface-subtle);gap:.9rem;margin-top:2rem;padding:1.4rem;display:grid}.membership-commercial-rules-head{justify-items:start;gap:.35rem;display:grid}.membership-commercial-rules-head h3{margin:0;font-size:1.15rem}.membership-commercial-rules h4{color:var(--text-secondary);margin:.4rem 0 0;font-size:.95rem}.membership-rate-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.membership-rate-list>li{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-card);align-content:start;gap:.5rem;padding:1rem;display:grid}.membership-rate-list>li>header{gap:.2rem;display:grid}.membership-rate-list>li>header strong{font-size:1rem}.membership-rate-list>li>header span{color:var(--text-muted);font-size:.78rem;line-height:var(--reading-line)}.membership-rate-list dl{gap:.3rem;margin:0;display:grid}.membership-rate-list dl>div{justify-content:space-between;gap:.6rem;display:flex}.membership-rate-list dt{color:var(--text-secondary);font-size:.8rem}.membership-rate-list dd{text-align:right;margin:0;font-size:.82rem;font-weight:650}.membership-rule-list{gap:.2rem;margin:0;display:grid}.membership-rule-list>div{border-top:1px solid var(--border-subtle);gap:.2rem;padding:.7rem 0;display:grid}.membership-rule-list dt{font-size:.87rem;font-weight:700}.membership-rule-list dd{color:var(--text-secondary);font-size:.85rem;line-height:var(--reading-line);margin:0}.membership-commercial-boundary{color:var(--text-muted);font-size:.82rem;line-height:var(--reading-line);margin:0}.membership-invite-callout{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:2rem;padding:1.4rem;display:grid}.membership-invite-callout>svg{color:var(--accent)}.membership-invite-callout h2,.membership-invite-callout p{margin:0}.membership-invite-callout p{margin-top:.35rem;font-size:.875rem}.membership-gate{border:1px solid var(--border-subtle);border-radius:var(--radius-panel);width:min(100% - 2rem,31rem);max-height:calc(100dvh - 2rem);color:var(--text-primary);background:var(--surface-elevated);box-shadow:var(--shadow-overlay);padding:clamp(1.5rem,5vw,2.5rem);overflow:auto}.membership-gate::backdrop{background:var(--surface-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.membership-gate-icon{width:3.25rem;height:3.25rem;color:var(--accent);background:var(--surface-control);border-radius:50%;place-items:center;margin-bottom:1.25rem;display:grid}.membership-gate h2{margin:.65rem 0 .9rem;font-size:clamp(1.55rem,5vw,2.1rem)}.membership-gate>p:not(.eyebrow){color:var(--text-secondary);line-height:var(--reading-line)}.membership-gate-actions{gap:.7rem;margin-top:1.5rem;display:grid}.membership-gate-actions .button{box-sizing:border-box;width:100%}.membership-text-button{min-height:var(--control-min);color:var(--text-secondary);cursor:pointer;background:0 0;border:0}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.membership-panel{padding:1.4rem}.profile-overview{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.profile-avatar{width:4.5rem;height:4.5rem;color:var(--accent-contrast);background:var(--accent);border-radius:50%;flex:0 0 4.5rem;place-items:center;font-size:1.8rem;font-weight:800;display:grid;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-overview>.button.profile-admin-link{flex:none;width:auto;margin-left:auto}.profile-overview h2,.profile-overview p{margin:0}.profile-overview p{margin:.35rem 0 .65rem}.profile-overview code{overflow-wrap:anywhere;color:var(--text-muted)}.profile-learning-goal{align-content:start;display:grid}.profile-learning-goal .button{margin-top:auto}.profile-inline-state{min-height:72px;color:var(--text-secondary);line-height:1.65}.pwa-install-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem 1rem;display:grid}.pwa-install-card>svg{color:var(--accent)}.pwa-install-card h2,.pwa-install-card p{margin:0}.pwa-install-card p{color:var(--text-secondary);margin-top:.28rem;font-size:.86rem;line-height:1.45}.pwa-install-card .button{grid-column:1/-1;width:100%}.install-page{place-items:center;min-height:min(42rem,100dvh - 2rem);display:grid}.install-instructions{width:min(100%,34rem)}.install-instructions>svg{color:var(--accent)}.install-instructions h1{margin:.6rem 0}.install-instructions>p:not(.eyebrow),.install-instructions li{color:var(--text-secondary);line-height:1.65}.install-instructions ol{padding-left:1.35rem}.install-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.4rem;display:flex}.membership-section-title{align-items:flex-start;gap:.8rem;margin-bottom:1rem;display:flex}.membership-section-title>svg{color:var(--accent);flex:none}.membership-section-title h2,.membership-section-title p{margin:0}.membership-section-title h2{font-size:1.15rem}.membership-section-title p{margin-top:.25rem;font-size:.82rem}.membership-panel>.membership-status-card{border-color:var(--border-subtle);background:var(--surface-subtle);margin:0 0 1rem}.membership-panel>.button{box-sizing:border-box;width:100%}.membership-detail-list{margin:0 0 1rem;display:grid}.membership-detail-list>div{border-bottom:1px solid var(--border-subtle);justify-content:space-between;gap:1rem;padding:.75rem 0;display:flex}.membership-detail-list dt{color:var(--text-secondary)}.membership-detail-list dd{text-align:right;overflow-wrap:anywhere;margin:0}.profile-account-actions{flex-wrap:wrap;gap:.7rem;display:flex}.profile-password-form{border-top:1px solid var(--border-subtle);gap:.75rem;margin-top:1rem;padding-top:1rem;display:grid}.profile-password-form>:is(h3,p){margin:0}.profile-password-form>span{color:var(--text-secondary);font-size:.875rem}.profile-referral-qr{border-radius:.5rem;width:8rem;max-width:100%;height:auto;margin:0 auto 1rem;display:block}.referral-hero{grid-template-columns:minmax(13rem,.8fr) minmax(17rem,1fr) minmax(0,1.2fr);gap:1rem;display:grid}.referral-code-card,.referral-qr-card,.referral-share-card{text-align:center;align-content:center;justify-items:center;gap:.8rem;padding:1.5rem;display:grid}.referral-code-card>svg,.referral-qr-card>svg,.referral-share-card>svg{color:var(--accent)}.referral-code-card strong{font:700 clamp(2rem, 5vw, 3.25rem)/1 var(--font-display);letter-spacing:.12em;overflow-wrap:anywhere}.referral-code-card button{min-height:var(--control-min);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text-primary);background:var(--surface-control);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem .8rem;display:inline-flex}.referral-code-card button svg{width:1rem}.referral-qr-card h2,.referral-share-card h2,.referral-share-card p{margin:0}.referral-qr-card img{width:min(100%,15rem);height:auto;image-rendering:pixelated;border-radius:.5rem}.referral-qr-loading{aspect-ratio:1;width:min(100%,15rem);color:var(--text-muted);background:var(--surface-subtle);place-items:center;display:grid}.referral-qr-card a{color:var(--accent)}.referral-share-card{text-align:left;justify-items:start}.referral-share-card code{overflow-wrap:anywhere;border-radius:var(--radius-control);width:100%;color:var(--text-secondary);background:var(--surface-subtle);box-sizing:border-box;padding:.75rem;display:block}.referral-share-card>div{flex-wrap:wrap;gap:.6rem;display:flex}.membership-notice{border:1px solid color-mix(in srgb, var(--success) 45%, transparent);border-radius:var(--radius-control);color:var(--text-success);background:color-mix(in srgb, var(--success) 9%, var(--surface-card));padding:.8rem 1rem}.membership-reward-notice{border:1px solid color-mix(in srgb, var(--success) 42%, var(--border-subtle));border-radius:var(--radius-panel);color:var(--text-primary);background:color-mix(in srgb, var(--success) 9%, var(--surface-card));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;margin:1rem 0;padding:1rem 1.15rem;display:grid}.membership-reward-notice>svg{color:var(--text-success)}.membership-reward-notice>div{gap:.2rem;display:grid}.membership-reward-notice span{color:var(--text-secondary);font-size:.875rem}.membership-reward-notice button{min-height:var(--control-min);color:var(--text-secondary);cursor:pointer;background:0 0;border:0}.admin-test-banner{z-index:80;border:1px solid color-mix(in srgb, var(--success) 45%, var(--border-subtle));max-width:min(40vw,420px);color:var(--text-primary);background:color-mix(in srgb, var(--success) 12%, var(--surface-card));border-radius:999px;align-items:center;gap:.55rem;padding:.6rem 1rem;font-size:.875rem;display:flex;position:fixed;bottom:6.75rem;left:auto;right:13.25rem;box-shadow:0 10px 30px #0000002e}.admin-test-banner>svg{width:18px;height:18px;color:var(--text-success);flex:none}.admin-test-banner>span{min-width:0}@media (min-width:761px) and (max-width:1199px){.admin-test-banner{max-width:min(46vw,380px);bottom:6.5rem;right:12rem}}@media (max-width:760px){.admin-test-banner{right:.75rem;bottom:calc(9rem + env(safe-area-inset-bottom));border-radius:.9rem;gap:.4rem;max-width:calc(100vw - 1.5rem);padding:.5rem .75rem;font-size:.8125rem}.admin-test-banner>svg{width:16px;height:16px}}.referral-summary{grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;display:grid}.referral-summary>div{grid-template-columns:auto 1fr;align-items:center;gap:.25rem .7rem;display:grid}.referral-summary svg{color:var(--accent);grid-row:1/3}.referral-summary span{color:var(--text-secondary)}.referral-summary strong{font-size:1.25rem}.referral-records{display:grid}.referral-records>div{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.referral-records span{gap:.25rem;display:grid}.referral-records small{color:var(--text-muted)}.referral-records>div>strong{color:var(--text-success)}.membership-empty{margin:0}.dev-membership-table-wrap{overflow-x:auto}.dev-membership-table{border-collapse:collapse;width:100%;font-size:.875rem}.dev-membership-table th,.dev-membership-table td{border-bottom:1px solid var(--border-subtle);text-align:left;white-space:nowrap;padding:.75rem}.dev-membership-table th{color:var(--text-secondary);font-weight:650}.dev-membership-table td small{color:var(--text-muted);margin-top:.2rem;display:block}.dev-membership-table a{color:var(--accent);font-weight:700}.dev-membership-detail{margin-top:1rem}html[data-ui-theme=warm] :is(.membership-auth-card,.membership-status-card,.membership-panel,.membership-plans>article,.membership-invite-callout,.referral-code-card,.referral-qr-card,.referral-share-card){box-shadow:0 .65rem 2rem color-mix(in srgb, var(--accent) 8%, transparent)}html[data-ui-theme=playful] :is(.membership-status-card,.membership-panel,.membership-plans>article,.referral-code-card,.referral-qr-card,.referral-share-card){border-top:3px solid var(--accent)}html[data-ui-theme=playful] .referral-code-card strong{font-family:var(--font-sans)}@media (max-width:980px){.membership-plans,.referral-hero,.membership-plans[data-tiers="2"],.membership-choose-grid{grid-template-columns:1fr}.membership-rate-list{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-qr-card{justify-items:center}.referral-share-card{justify-items:stretch}}@media (max-width:760px){.membership-auth-page{padding:1rem}.membership-auth-brand{max-width:11rem}.membership-auth-card{margin-top:2rem;padding:1.25rem}.membership-heading{margin-top:0}.membership-heading h1{font-size:2rem}.membership-status-card>div{width:2.7rem;height:2.7rem}.membership-invite-callout{grid-template-columns:auto minmax(0,1fr)}.membership-free-grid{grid-template-columns:1fr}.membership-invite-callout .button{box-sizing:border-box;grid-column:1/-1;width:100%}.profile-grid{grid-template-columns:minmax(0,1fr)}.profile-overview{align-items:flex-start}.profile-overview>.button.profile-admin-link{box-sizing:border-box;width:100%;margin-left:0}.referral-summary,.membership-shared-benefits ul,.membership-plan-benefits ul,.membership-rate-list{grid-template-columns:1fr}.membership-panel,.membership-plans>article,.referral-code-card,.referral-qr-card,.referral-share-card{padding:1.1rem}}@media (max-width:390px){.membership-auth-page{padding-inline:.75rem}.profile-overview{display:grid}.membership-detail-list>div{gap:.3rem;display:grid}.membership-detail-list dd{text-align:left}.profile-account-actions .button,.referral-share-card .button{width:100%}.membership-reward-notice{grid-template-columns:auto 1fr}.membership-reward-notice button{grid-column:1/-1;width:100%}.membership-shared-benefits,.membership-commercial-rules,.membership-internal-preview{padding:1rem}.membership-rate-list dl>div{gap:.1rem;display:grid}.membership-rate-list dd{text-align:left}}@media (max-width:760px){.membership-auth-card input{scroll-margin-bottom:5.5rem}.membership-auth-card form>.button{z-index:5;box-shadow:0 calc(-.25rem) 1rem color-mix(in srgb, var(--surface-card) 92%, transparent);position:sticky;bottom:.25rem}.membership-auth-page :is(.membership-forgot-link,.membership-auth-switch a){min-height:var(--control-min,44px);margin-block:calc((var(--control-min,44px) - 1.45em) / -2);align-items:center;padding-inline:.25rem;display:inline-flex}.membership-auth-page .membership-preserve{min-height:var(--control-min,44px);align-items:center;gap:.5rem;display:inline-flex}}@media (max-width:760px) and (max-height:560px){.membership-auth-page{padding-block:.5rem}.membership-auth-brand{display:none}.membership-auth-card{margin-top:.5rem;padding:1rem}.membership-auth-intro>p:last-child{display:none}.membership-auth-intro h1{margin:.25rem 0 .5rem;font-size:1.25rem}.membership-auth-switch{margin-top:.75rem}}.membership-auth-page{--surface-page:#05060b;--surface-card:#120f17;--surface-input:#0d0b14;--surface-subtle:#0a0910;--text-primary:#eceff7;--text-secondary:#c3cade;--text-muted:#9aa3b8;--border:#2c2a3d;--border-subtle:#232135;--accent:#8b7bff;--danger:#d89895;--text-danger:#e5aaa5;isolation:isolate;background:radial-gradient(circle at 78% 10%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 30rem), var(--surface-page);position:relative;overflow-x:clip}.membership-auth-page>.membership-auth-brand{z-index:10;position:relative}.membership-auth-glow{z-index:10;width:min(100%,31rem);margin:clamp(2rem,8vh,6rem) auto 0;position:relative}.membership-auth-glow>.membership-auth-card{width:auto;box-shadow:none;background:0 0;border:0;margin:0}.membership-auth-page>.membership-auth-card{background:#120f17f0}.auth-backdrop{z-index:0;pointer-events:none;position:fixed;inset:0}.auth-backdrop .galaxy-container{position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.auth-backdrop .galaxy-container{pointer-events:auto}}.auth-backdrop .galaxy-container canvas{display:block;width:100%!important;height:100%!important}.auth-backdrop-veil{background:radial-gradient(42rem 30rem at 50% 46%,#03040861,#0000 70%),linear-gradient(#03040840,#0000 18% 82%,#0304084d);position:absolute;inset:0}.auth-backdrop-fallback{background:radial-gradient(circle at 78% 10%,#8b7bff29,#0000 32rem),radial-gradient(circle at 12% 88%,#4fd1c51a,#0000 28rem),#05060b;position:absolute;inset:0}.membership-auth-page .membership-forgot-link{color:#a9b8d6}.membership-auth-page .membership-forgot-link:hover{color:#c7d2fe}.membership-auth-page .membership-auth-switch a{color:#9fb3ff}.membership-auth-page .membership-auth-switch a:hover{color:#c7d2fe;text-underline-offset:3px;text-decoration:underline}.membership-auth-page .membership-auth-card input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--surface-input) inset;caret-color:var(--text-primary);transition:background-color 9999s ease-out}.membership-auth-page .membership-auth-card input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--surface-input) inset;caret-color:var(--text-primary);transition:background-color 9999s ease-out}.membership-auth-page .membership-auth-card input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--surface-input) inset;caret-color:var(--text-primary);transition:background-color 9999s ease-out}.membership-auth-submit.star-border-container{cursor:pointer;width:100%;font:inherit;border:0;border-radius:20px;padding:1px 0;display:block}.membership-auth-submit .inner-content{letter-spacing:.04em;border-radius:19px;width:100%;padding:.8rem 1.4rem;font-weight:700}.membership-auth-submit:focus-visible{outline-offset:3px;outline:3px solid #67e8f98c}.membership-auth-submit:disabled{cursor:not-allowed}.membership-auth-submit:disabled .border-gradient-bottom,.membership-auth-submit:disabled .border-gradient-top{opacity:.3;animation-play-state:paused}.membership-auth-submit:disabled .inner-content{opacity:.6}@media (prefers-reduced-motion:reduce){.membership-auth-page .border-gradient-bottom,.membership-auth-page .border-gradient-top{opacity:.45;animation:none!important}.membership-auth-page .border-glow-card:before,.membership-auth-page .border-glow-card:after,.membership-auth-page .border-glow-card>.edge-light{transition:none!important}}@media (max-width:760px){.auth-backdrop-veil{background:radial-gradient(30rem 24rem at 50% 42%,#03040875,#0000 72%),linear-gradient(#0304084d,#0000 16% 84%,#03040857)}}.galaxy-container{width:100%;height:100%;position:relative}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#120f17);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.border-glow-card--light{border-color:#18181b1f;box-shadow:0 1px 2px #18181b0a,0 8px 24px #18181b0d}.border-glow-card--light:after,.border-glow-card--light>.edge-light{mix-blend-mode:normal}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 1px 0 var(--glow-color-60,#f5daa399), inset 0 0 3px 0 var(--glow-color-50,#f5daa380), inset 0 0 6px 0 var(--glow-color-40,#f5daa366), inset 0 0 15px 0 var(--glow-color-30,#f5daa34d), inset 0 0 25px 2px var(--glow-color-20,#f5daa333), inset 0 0 50px 2px var(--glow-color-10,#f5daa31a), 0 0 1px 0 var(--glow-color-60,#f5daa399), 0 0 3px 0 var(--glow-color-50,#f5daa380), 0 0 6px 0 var(--glow-color-40,#f5daa366), 0 0 15px 0 var(--glow-color-30,#f5daa34d), 0 0 25px 2px var(--glow-color-20,#f5daa333), 0 0 50px 2px var(--glow-color-10,#f5daa31a);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative;overflow:auto}.star-border-container{border-radius:20px;display:inline-block;position:relative;overflow:hidden}.border-gradient-bottom{opacity:.7;z-index:0;border-radius:50%;width:300%;height:50%;animation:linear infinite alternate star-movement-bottom;position:absolute;bottom:-12px;right:-250%}.border-gradient-top{opacity:.7;z-index:0;border-radius:50%;width:300%;height:50%;animation:linear infinite alternate star-movement-top;position:absolute;top:-12px;left:-250%}.inner-content{color:#fff;text-align:center;z-index:1;background:#000;border:1px solid #222;border-radius:20px;padding:16px 26px;font-size:16px;position:relative}@keyframes star-movement-bottom{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(-100%)}}@keyframes star-movement-top{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(100%)}}.tts-lab{color:#edf5ed;background:#07141b;min-height:100vh;padding:42px clamp(22px,6vw,92px) 80px}.tts-lab button,.tts-lab a{font:inherit}.tts-lab-header{grid-template-columns:120px 1fr auto;gap:28px;max-width:1440px;margin:auto;display:grid}.tts-lab-header>a{color:#96aaa1;gap:8px;text-decoration:none;display:flex}.tts-lab svg{width:18px}.tts-lab-header p,.tts-voice-card>p,.tts-comparison p,.tts-words p{letter-spacing:.17em;color:#73e6a9;margin:0 0 8px;font-size:11px}.tts-lab-header h1{letter-spacing:-.055em;margin:0;font-size:clamp(34px,5vw,62px)}.tts-lab-header span{color:#9bada5}.tts-status{color:#98aaa3;border:1px solid #2e4140;border-radius:100px;gap:8px;height:max-content;padding:10px 15px;display:flex}.tts-status.ready{color:#73e6a9;border-color:#346452}.tts-message,.tts-summary,.tts-text-bank,.tts-comparison,.tts-words,.tts-metric{background:linear-gradient(145deg,#0c2027,#0a191e);border:1px solid #263c3b;border-radius:22px;max-width:1440px;margin:32px auto 0}.tts-message{justify-content:center;align-items:center;gap:18px;min-height:320px;display:flex}.tts-message>div{text-align:center;gap:10px;display:grid}.tts-message button{background:#73e6a9;border:0;gap:5px;margin:auto;padding:10px 14px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tts-summary{grid-template-columns:repeat(6,1fr);padding:20px;display:grid}.tts-summary span{color:#81958d;border-right:1px solid #27403d;gap:4px;padding-left:18px;display:grid}.tts-summary b{color:#eef6ef;font-size:22px}.tts-text-bank{justify-content:space-between;align-items:center;padding:28px 32px;display:flex}.tts-text-bank p{color:#8ca098;margin:0}.tts-text-bank h2{margin:7px 0 0}.tts-text-bank button{color:#95aaa1;background:0 0;border:1px solid #38504d;border-radius:50%;width:38px;height:38px;margin-left:8px}.tts-text-bank button.active{color:#081713;background:#73e6a9}.tts-voice-grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1440px;margin:18px auto;display:grid}.tts-voice-card{background:linear-gradient(155deg,#10252b,#09171c);border:1px solid #28403e;border-radius:22px;min-width:0;padding:24px}.tts-voice-card h2{margin:0 0 22px}.tts-identity{background:#102c31;border-radius:14px;gap:12px;padding:16px;display:flex}.tts-identity>svg{color:#73e6a9}.tts-identity div{gap:5px;min-width:0;display:grid}.tts-identity code{color:#85a199;overflow-wrap:anywhere;font-size:11px}.tts-voice-card dl{margin:18px 0}.tts-voice-card dl div{border-bottom:1px solid #203633;justify-content:space-between;gap:10px;padding:7px 0;font-size:12px;display:flex}.tts-voice-card dt{color:#7f928b}.tts-voice-card dd{text-align:right;margin:0}.tts-play-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tts-play-actions button,.tts-comparison>button{color:#dff4e7;background:#102721;border:1px solid #36514c;border-radius:10px;align-items:center;gap:7px;padding:12px;display:flex}.tts-play-actions button:first-child{color:#07140e;background:#73e6a9}.tts-score{border-top:1px solid #27403d;margin-top:20px;padding-top:14px}.tts-score>div{align-items:center;gap:5px;margin:7px 0;display:flex}.tts-score>div>span{color:#879a93;margin-right:auto;font-size:11px}.tts-score button{color:#8da199;background:0 0;border:1px solid #304742;border-radius:6px;min-width:25px;height:25px}.tts-score button.active{color:#07140e;background:#73e6a9}.tts-score footer{gap:8px;margin-top:12px;display:flex}.tts-score footer button{padding:4px 9px}.tts-score footer button.selected{color:#73e6a9;border-color:#73e6a9}.tts-score footer button.reject{color:#eaa29a;border-color:#db8b82}.tts-unavailable{color:#9aaba4;padding:32px 0;line-height:1.7}.tts-comparison{grid-template-columns:1fr repeat(4,minmax(150px,1fr));align-items:center;gap:10px;padding:26px 30px;display:grid}.tts-comparison h2,.tts-words h2{margin:0}.tts-comparison small{color:#80938c;overflow-wrap:anywhere;margin-top:3px;display:block}.tts-words{padding:30px}.tts-words>div:last-child{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.tts-words>div>span{border:1px solid #2e4642;border-radius:10px;align-items:center;display:flex;overflow:hidden}.tts-words b{padding:10px 14px}.tts-words button{color:#73e6a9;background:#102821;border:0;border-left:1px solid #2e4642;padding:0 10px}.tts-metric{align-items:center;padding:18px 24px;display:flex;position:sticky;bottom:16px;box-shadow:0 20px 70px #0008}.tts-metric>span{color:#84968f;border-right:1px solid #29413e;padding:0 24px;font-size:11px;display:grid}.tts-metric b{color:#eff8f1;font-size:15px}.tts-lab button:not(:disabled){cursor:pointer}.tts-lab button:disabled{opacity:.42}.tts-lab button:not(:disabled):hover{border-color:#73e6a9}@media (max-width:1000px){.tts-lab-header{grid-template-columns:1fr}.tts-summary{grid-template-columns:repeat(3,1fr)}.tts-voice-grid,.tts-comparison{grid-template-columns:1fr 1fr}.tts-comparison>div{grid-column:1/-1}.tts-metric{flex-wrap:wrap}}@media (max-width:620px){.tts-lab{padding:24px 16px 60px}.tts-voice-grid,.tts-comparison{grid-template-columns:1fr}.tts-summary{grid-template-columns:1fr 1fr}.tts-text-bank{flex-direction:column;align-items:flex-start;gap:20px}.tts-metric{position:static}.tts-metric>span{box-sizing:border-box;width:50%;padding:5px 12px}}.tts-provider-tabs,.tts-language-tabs,.tts-control-panel,.tts-selected-meta,.tts-inline-error{max-width:1440px;margin:26px auto 0}.tts-provider-tabs{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tts-provider-tabs button{text-align:left;color:#e9f4eb;background:#0b1b21;border:1px solid #29413e;border-radius:16px;gap:5px;padding:18px 20px;display:grid}.tts-provider-tabs button span{color:#82968e;font-size:12px}.tts-provider-tabs button.active{background:linear-gradient(145deg,#123329,#0b2223);border-color:#73e6a9}.tts-language-tabs{gap:8px;display:flex}.tts-language-tabs button{color:#9aada5;background:0 0;border:1px solid #314944;border-radius:100px;padding:9px 17px}.tts-language-tabs button.active{color:#07140e;background:#73e6a9;border-color:#73e6a9}.tts-control-panel{background:#0a1b20;border:1px solid #263c3b;border-radius:18px;grid-template-columns:minmax(280px,1.4fr) 1fr 1fr;align-items:end;gap:20px;padding:20px 24px;display:grid}.tts-control-panel label{color:#91a49d;gap:8px;font-size:12px;display:grid}.tts-control-panel select{color:#e9f3eb;background:#10272b;border:1px solid #34504a;border-radius:9px;width:100%;padding:11px}.tts-control-panel label b{color:#73e6a9}.tts-control-panel>span{color:#81958d;font-size:11px;line-height:1.6}.tts-inline-error{color:#efaaa0;background:#2a1919;border:1px solid #724941;border-radius:12px;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.tts-inline-error button{color:inherit;background:0 0;border:1px solid;border-radius:8px;padding:7px 10px}.tts-message.compact{min-height:auto;padding:25px}.tts-selected-meta{background:linear-gradient(145deg,#0e2928,#0b1d22);border:1px solid #2d4943;border-radius:18px;grid-template-columns:auto minmax(180px,1.5fr) repeat(5,1fr) auto auto;align-items:center;gap:15px;padding:22px;display:grid}.tts-selected-meta>svg{color:#73e6a9}.tts-selected-meta>div{gap:4px;min-width:0;display:grid}.tts-selected-meta code{color:#82a299;overflow-wrap:anywhere}.tts-selected-meta>span{font-size:12px;display:grid}.tts-selected-meta small{color:#7c928a;margin-bottom:4px}.tts-selected-meta>button{color:#eaf5ed;white-space:nowrap;background:#102821;border:1px solid #45605a;border-radius:9px;padding:10px}.tts-selected-meta>button:first-of-type{color:#07140e;background:#73e6a9;border-color:#73e6a9}.tts-description{min-height:58px;font-size:12px;line-height:1.6;color:#8fa29a!important}.tts-metric{overflow-x:auto}.tts-metric>span{min-width:max-content}@media (max-width:1000px){.tts-selected-meta{grid-template-columns:repeat(3,1fr)}.tts-control-panel{grid-template-columns:1fr 1fr}.tts-control-panel>span{grid-column:1/-1}}@media (max-width:620px){.tts-provider-tabs,.tts-control-panel,.tts-selected-meta{grid-template-columns:1fr}}.voice-compare{color:#eef1e8;background:#141a15;min-height:100vh;padding:32px 4vw 64px;font-family:Inter,Segoe UI,sans-serif}.voice-compare button,.voice-compare select{font:inherit}.voice-compare-header{border-bottom:1px solid #344036;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:28px;max-width:1500px;margin:auto;padding-bottom:28px;display:grid}.voice-compare-header>a,.voice-compare footer a{color:var(--accent);align-items:center;gap:8px;text-decoration:none;display:flex}.voice-compare-header>a svg{width:18px}.voice-compare-header p,.voice-blind-result p{color:#9baa91;letter-spacing:.16em;margin:0 0 7px;font-size:12px}.voice-compare-header h1{margin:0 0 10px;font-size:clamp(28px,4vw,48px)}.voice-compare-header span{color:#aeb8aa}.voice-compare-header aside{color:#aeb8aa;background:#1b231c;border:1px solid #3b473d;padding:14px 16px}.voice-compare-header aside b{color:var(--accent)}.voice-compare-toolbar{flex-wrap:wrap;align-items:end;gap:14px;max-width:1500px;margin:24px auto;display:flex}.voice-compare-toolbar label{color:#9faa9b;flex:1;gap:7px;min-width:320px;display:grid}.voice-compare select{color:#eef1e8;background:#1b231c;border:1px solid #425044;min-height:42px;padding:10px 12px}.voice-mode-tabs{border:1px solid #425044;display:flex}.voice-mode-tabs button,.voice-stop{color:#bac3b7;cursor:pointer;background:#1b231c;border:0;align-items:center;gap:7px;padding:11px 15px;display:flex}.voice-mode-tabs button.active{background:var(--accent);color:#182016}.voice-mode-tabs svg,.voice-stop svg{width:16px}.voice-stop{border:1px solid #5e6b60}.voice-compare-text{color:#172018;background:#e8ebdf;max-width:1500px;margin:0 auto 20px;padding:24px 26px}.voice-compare-text small{color:#687266}.voice-compare-text h2{margin:6px 0;font-size:clamp(24px,3.4vw,42px)}.voice-compare-text p{color:#687266;margin:0}.voice-candidate-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1500px;margin:auto;display:grid}.voice-candidate{background:#19201a;border:1px solid #374339;min-width:0;padding:18px;transition:border-color .15s,background .15s}.voice-candidate.playing{border-color:var(--accent);background:#1e281d}.voice-candidate>header{align-items:center;gap:12px;min-height:55px;display:flex}.voice-candidate>header>div{flex:1;min-width:0}.blind-label{width:44px;height:44px;color:var(--accent);background:#2a342b;border-radius:50%;place-items:center;font-size:20px;font-weight:800;display:grid}.voice-candidate header small{color:#899788;text-overflow:ellipsis;white-space:nowrap;max-width:190px;display:block;overflow:hidden}.voice-candidate h3{margin:3px 0 0;font-size:21px}.voice-candidate header em{color:var(--accent);white-space:nowrap;border:1px solid #5d6946;margin-left:auto;padding:4px 6px;font-size:11px;font-style:normal}.voice-candidate dl{gap:7px;margin:18px 0;display:grid}.voice-candidate dl div{border-bottom:1px solid #2d382f;justify-content:space-between;gap:10px;padding-bottom:6px;display:flex}.voice-candidate dt{color:#829080}.voice-candidate dd{text-align:right;word-break:break-word;margin:0}.blind-note{color:#99a496;min-height:88px;padding-top:18px}.voice-samples{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.voice-samples button{color:#dce2d8;cursor:pointer;background:#202921;border:1px solid #48564a;align-items:center;gap:5px;padding:7px 10px;display:flex}.voice-samples button:hover,.voice-samples button.active{border-color:var(--accent);color:var(--accent)}.voice-samples svg{width:13px}.voice-tech{color:#8f9b8d;grid-template-columns:1fr 1fr;gap:6px;font-size:12px;display:grid}.voice-tech span{background:#141a15;padding:7px}.voice-tech b{color:#e8ede4}.voice-repeat{color:#9fad9c;font-size:12px;line-height:1.55}.voice-ratings{gap:5px;margin-top:14px;display:grid}.voice-ratings label{color:#9faa9b;justify-content:space-between;align-items:center;font-size:12px;display:flex}.voice-ratings select{min-height:30px;padding:4px 7px}.voice-blind-result{background:#1c251d;border:1px solid #48564a;max-width:1500px;margin:22px auto 0;padding:22px}.voice-blind-result>div:first-child{align-items:center;gap:12px;display:flex}.voice-blind-result svg{color:var(--accent)}.voice-blind-result h2{margin:0}.winner-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0!important;display:grid!important}.winner-grid label{color:#aeb8aa;gap:7px;display:grid}.reveal-button{background:var(--accent);color:#172018;cursor:pointer;border:0;align-items:center;gap:8px;padding:12px 18px;display:flex}.voice-compare footer{color:#9daa99;align-items:center;gap:12px;max-width:1500px;margin:22px auto 0;display:flex}.voice-compare footer p{flex:1}.voice-compare footer svg{color:var(--accent)}.voice-compare-unavailable{text-align:center;color:#eef1e8;background:#141a15;place-content:center;min-height:100vh;display:grid}.voice-compare-unavailable a{color:var(--accent)}@media (max-width:1200px){.voice-candidate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.voice-compare{padding:22px 16px 48px}.voice-compare-header{grid-template-columns:1fr}.voice-compare-header aside{display:none}.voice-candidate-grid{grid-template-columns:1fr}.winner-grid{grid-template-columns:1fr 1fr}.voice-compare footer{flex-wrap:wrap;align-items:flex-start}.voice-compare footer p{flex-basis:80%}}.cp-page{--surface-page:#121315;--surface-subtle:#17191c;--surface-card:#1c1e22;--surface-elevated:#25282d;--surface-tint:#24272c;--surface-control:#25282d;--surface-input:#15171a;--text-primary:#e5e7eb;--text-secondary:#b5bbc4;--text-muted:#a0a7b1;--text-disabled:#6f7680;--text-on-accent:#141920;--text-success:#9bc3a9;--text-danger:#e5aaa5;--text-warning:#d7bd98;--border:#484d55;--border-subtle:#30343a;--brand:#202329;--brand-highlight:#9bb8db;--brand-highlight-hover:#b0c8e6;--accent:var(--user-accent,#9bb8db);--accent-contrast:#141920;--shadow-hover:0 8px 24px #0003;--shadow-overlay:0 24px 64px #0000007a;--surface:var(--surface-card);--line:var(--border-subtle);--muted:var(--text-secondary);--card-bg:#1c1e22;--card-border-color:#30343a;min-height:100vh;padding:var(--space-8) var(--page-gutter) var(--space-16);gap:var(--space-8);min-width:0;color:var(--text-primary);background:radial-gradient(circle at 78% 4%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 30rem), radial-gradient(circle at 8% 88%, color-mix(in srgb, var(--brand-highlight) 14%, transparent), transparent 26rem), linear-gradient(180deg, #15171b 0%, var(--surface-page) 42%);display:grid}html:has(.cp-page){background:#121315}.cp-page>*{width:100%;max-width:1220px;margin-inline:auto}.cp-section{gap:var(--space-4);min-width:0;display:grid}.cp-hero{gap:var(--space-3);padding-top:var(--space-4)}.cp-wordmark{font-size:var(--type-caption);line-height:var(--line-ui);letter-spacing:.34em;text-transform:uppercase;color:var(--text-muted);margin:0;font-weight:700}.cp-hero-tags{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.cp-hero-title{font-family:var(--font-display);font-size:var(--type-h1);line-height:var(--line-display);letter-spacing:-.01em;color:var(--text-primary);margin:0;font-weight:600}.cp-hero-sub{gap:var(--space-1);max-width:60ch;margin:0;display:grid}.cp-hero-sub span{font-size:var(--type-body-lg);line-height:var(--line-ui);color:var(--text-secondary)}.cp-hero-path{font-size:var(--type-label);line-height:var(--line-ui);letter-spacing:.05em;color:var(--brand-highlight);margin:0}.cp-back{font-size:var(--type-caption);color:var(--text-muted)}.cp-back:hover{color:var(--text-primary)}.cp-badge{width:fit-content;font-size:var(--type-caption);line-height:var(--line-ui);letter-spacing:.06em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-subtle);color:var(--text-secondary);background:var(--surface-subtle);margin:0;display:inline-block}.cp-badge-preview{border-color:color-mix(in srgb, var(--accent) 45%, var(--border-subtle));color:var(--brand-highlight);background:color-mix(in srgb, var(--accent) 12%, var(--surface-subtle))}.cp-badge-data{color:var(--text-muted)}.cp-badge-draft{color:var(--text-warning);border-color:color-mix(in srgb, var(--warning) 40%, var(--border-subtle));background:color-mix(in srgb, var(--warning) 10%, var(--surface-subtle))}.cp-simulator{gap:var(--space-3);border:1px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:color-mix(in srgb, var(--surface-page) 70%, transparent)}.cp-sim-head{align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;min-width:0;display:flex}.cp-sim-label{font-size:var(--type-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0}.cp-sim-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.cp-sim-button{white-space:nowrap;flex:0 auto}.cp-sim-state{font-size:var(--type-body-sm);line-height:var(--line-ui);color:var(--text-secondary);margin:0}.cp-sim-state strong{color:var(--text-primary)}.cp-h2{font-size:var(--type-h2);line-height:var(--line-heading);color:var(--text-primary);margin:0;font-weight:600}.cp-h3{font-size:var(--type-h3);line-height:var(--line-heading);color:var(--text-primary);margin:0;font-weight:600}.cp-note{font-size:var(--type-body-sm);line-height:var(--line-ui);color:var(--text-muted);margin:0}.cp-section-head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;min-width:0;display:flex}.cp-tier-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.cp-tier,.cp-premium{gap:var(--space-3);border-color:var(--border-subtle);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 7%, var(--surface-card)) 0%, var(--surface-card) 34%);align-content:start;min-width:0;display:grid;position:relative;overflow:hidden}.cp-tier:before,.cp-premium:before{content:"";background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 15%, transparent));height:3px;position:absolute;inset:0 0 auto}.cp-tier[data-tier=QUARTERLY]:before{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 70%, var(--surface-card)), transparent)}.cp-tier[data-tier=YEARLY]:before{background:linear-gradient(90deg, var(--brand-highlight), color-mix(in srgb, var(--accent) 10%, transparent))}.cp-tier-head{gap:var(--space-2);min-width:0;display:grid}.cp-tier-name{font-size:var(--type-h3);line-height:var(--line-heading);color:var(--text-primary);margin:0;font-weight:650}.cp-spirit{width:fit-content;font-size:var(--type-caption);line-height:var(--line-ui);letter-spacing:.08em;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--brand-highlight);border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 12%, transparent);display:inline-block}.cp-price{align-items:baseline;column-gap:var(--space-3);grid-template-columns:auto auto;margin:0;display:grid}.cp-price-now{font-size:var(--type-h2);line-height:var(--line-heading);letter-spacing:-.01em;color:var(--text-primary);font-weight:650}.cp-price-was{font-size:var(--type-body-sm);color:var(--text-disabled);text-decoration:line-through}.cp-price-plan{font-size:var(--type-caption);line-height:var(--line-ui);color:var(--text-muted);grid-column:1/-1}.cp-position{font-size:var(--type-body-sm);line-height:var(--line-ui);color:var(--text-secondary);margin:0}.cp-benefits{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.cp-benefits li{padding-left:var(--space-4);font-size:var(--type-body-sm);line-height:var(--line-ui);color:var(--text-secondary);overflow-wrap:anywhere;min-width:0;position:relative}.cp-benefits li:before{content:"";border-radius:var(--radius-pill);background:var(--accent);width:6px;height:6px;position:absolute;top:.55em;left:0}.cp-planned{margin-left:var(--space-2);padding:0 var(--space-2);font-size:var(--type-caption);line-height:var(--line-ui);color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-sm);white-space:nowrap;display:inline-block}.cp-copy-line{padding:var(--space-3);border-left:2px solid var(--accent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent) 9%, var(--surface-subtle));color:var(--text-primary);font-size:var(--type-body);line-height:var(--line-ui);overflow-wrap:anywhere;min-width:0;margin:0}.cp-cash-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.cp-cash-label{font-size:var(--type-caption);color:var(--text-muted)}.cp-chip{font-size:var(--type-caption);line-height:var(--line-ui);padding:0 var(--space-2);border-radius:var(--radius-tag);border:1px solid var(--border-subtle);color:var(--text-muted);background:var(--surface-subtle);white-space:nowrap}.cp-chip[data-on=true]{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 55%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 14%, var(--surface-subtle))}.cp-rate-row{font-size:var(--type-body-sm);line-height:var(--line-ui);color:var(--text-secondary);margin:0}.cp-cta{justify-self:start}.cp-cta-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.cp-rotate{min-height:auto;padding-inline:var(--space-2);font-size:var(--type-caption)}.cp-notice{font-size:var(--type-body-sm);line-height:var(--line-ui);color:var(--text-muted);margin:0}.cp-locked{gap:var(--space-2);border-style:dashed;border-color:var(--border);background:var(--surface-subtle);align-content:start;min-width:0}.cp-identity-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cp-identity-card,.cp-upgrade-card{gap:var(--space-3);align-content:start;min-width:0;display:grid}.cp-upgrade-card{border-color:color-mix(in srgb, var(--accent) 50%, var(--border-subtle));background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, var(--surface-card)) 0%, var(--surface-card) 40%)}.cp-upgrade-card[data-upgrade-state=PENDING]{border-style:dashed;border-color:var(--border);background:var(--surface-subtle)}.cp-current-level{font-family:var(--font-display);font-size:var(--type-h2);line-height:var(--line-heading);color:var(--text-primary);margin:0}.cp-scope-flow{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-subtle);border:1px solid var(--border-subtle);font-size:var(--type-body);line-height:var(--line-ui);color:var(--text-primary);flex-wrap:wrap;margin:0;display:flex}.cp-scope-flow s{color:var(--text-muted)}.cp-scope-arrow{color:var(--accent)}.cp-upgrade-scope{font-size:var(--type-body);line-height:var(--line-ui);color:var(--text-primary);margin:0}.cp-delta{color:var(--brand-highlight);font-size:var(--type-body-sm)}.cp-plus3{gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border-subtle));background:radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 22rem), linear-gradient(135deg, var(--surface-elevated), var(--surface-card));grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.cp-plus3-badge{min-width:7rem;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-display);color:var(--text-primary);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 42%, var(--surface-elevated)), var(--surface-elevated));border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border-subtle));place-items:center;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1;display:grid}.cp-plus3>div{gap:var(--space-3);min-width:0;display:grid}.cp-plus3-title{font-family:var(--font-display);font-size:var(--type-h2);line-height:var(--line-heading);color:var(--text-primary);margin:0}.cp-plus3-lead{font-size:var(--type-body-lg);line-height:var(--line-ui);color:var(--text-secondary);margin:0}.cp-plus3-equation{align-items:center;gap:var(--space-3);font-size:var(--type-body);line-height:var(--line-ui);color:var(--text-primary);flex-wrap:wrap;margin:0;display:flex}.cp-plus3-equation b{color:var(--brand-highlight)}.cp-alert{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--warning) 40%, var(--border-subtle));background:color-mix(in srgb, var(--warning) 10%, var(--surface-card));display:grid}.cp-alert strong{font-size:var(--type-body);color:var(--text-warning)}.cp-alert p{font-size:var(--type-body-sm);line-height:var(--line-ui);color:var(--text-secondary);margin:0}.cp-stat-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cp-stat{gap:var(--space-2);min-width:0;padding:var(--space-4);background:linear-gradient(180deg, var(--surface-elevated) 0%, var(--surface-card) 100%);border:1px solid var(--border-subtle);align-content:start;display:grid}.cp-stat-label{font-size:var(--type-caption);line-height:var(--line-ui);color:var(--text-muted)}.cp-stat-value{font-size:var(--type-h3);line-height:var(--line-heading);color:var(--text-primary);overflow-wrap:anywhere;font-weight:650}.cp-friend-list{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.cp-friend{gap:var(--space-2);align-content:start;min-width:0;display:grid}.cp-friend-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.cp-friend-name{font-size:var(--type-body);color:var(--text-primary);font-weight:650}.cp-friend-meta{font-size:var(--type-body-sm);line-height:var(--line-ui);color:var(--text-muted);overflow-wrap:anywhere;margin:0}.cp-friend-state{align-items:center;gap:var(--space-2);width:fit-content;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:var(--type-caption);border:1px solid var(--border-subtle);background:var(--surface-subtle);color:var(--text-muted);margin:0;line-height:1.9;display:inline-flex}.cp-friend-state.is-ok{color:var(--text-success);border-color:color-mix(in srgb, var(--success) 45%, var(--border-subtle));background:color-mix(in srgb, var(--success) 12%, var(--surface-subtle))}.cp-friend-state.is-locked,.cp-friend-state.is-none{color:var(--text-muted);border-color:var(--border-subtle);background:var(--surface-subtle)}.cp-friend-state.is-expired{color:var(--text-warning);border-color:color-mix(in srgb, var(--warning) 45%, var(--border-subtle));background:color-mix(in srgb, var(--warning) 12%, var(--surface-subtle))}.cp-friend-state.is-plus3{color:var(--brand-highlight);border-color:color-mix(in srgb, var(--accent) 35%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 10%, var(--surface-subtle))}.cp-friend-theoretical{font-size:var(--type-body-sm);line-height:var(--line-ui);color:var(--text-warning);overflow-wrap:anywhere;margin:0}.cp-table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);overflow-x:auto}.cp-table{border-collapse:collapse;width:100%;font-size:var(--type-body-sm);min-width:560px}.cp-table th,.cp-table td{padding:var(--space-3);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.cp-table thead th{color:var(--text-primary);background:var(--surface-subtle);font-weight:600}.cp-table tbody th{color:var(--text-primary)}.cp-table tbody tr:last-child th,.cp-table tbody tr:last-child td{border-bottom:none}.cp-details{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);overflow:hidden}.cp-details>summary{align-items:center;gap:var(--space-2);min-height:var(--control-min,44px);padding:0 var(--space-4);cursor:pointer;font-size:var(--type-label);color:var(--text-primary);font-weight:600;list-style:none;display:flex}.cp-details>summary::-webkit-details-marker{display:none}.cp-details>summary:after{content:"＋";color:var(--text-muted);margin-left:auto}.cp-details[open]>summary:after{content:"－"}.cp-details>summary:hover{background:var(--surface-subtle)}.cp-details-body{gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border-subtle);display:grid}.cp-rule-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.cp-rule-list li{font-size:var(--type-body-sm);line-height:var(--line-ui);color:var(--text-secondary);overflow-wrap:anywhere}.cp-values{gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.cp-quote{gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border-subtle));background:radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 24rem), linear-gradient(135deg, var(--surface-elevated), var(--surface-card));display:grid;position:relative}.cp-quote-lead{font-family:var(--font-display);font-size:var(--type-h2);line-height:var(--line-heading);color:var(--text-primary);margin:0;font-weight:600}.cp-quote-sub{font-size:var(--type-body-lg);line-height:var(--line-ui);color:var(--text-secondary);margin:0}.cp-never{font-size:var(--type-body-sm);line-height:var(--line-ui);color:var(--text-muted);margin:0}.cp-footer{gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);display:grid}.cp-legal{max-width:78ch;font-size:var(--type-body-sm);line-height:var(--line-ui);color:var(--text-secondary);margin:0}.cp-footer code{padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--surface-subtle);color:var(--text-secondary);font-size:var(--type-caption)}@media (max-width:1024px){.cp-tier-grid,.cp-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.cp-page{padding:var(--space-5) var(--page-gutter) var(--space-12);gap:var(--space-8)}.cp-tier-grid,.cp-identity-grid,.cp-friend-list,.cp-stat-grid{grid-template-columns:minmax(0,1fr)}.cp-sim-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cp-sim-button{text-align:center;width:100%}.cp-plus3{gap:var(--space-4);padding:var(--space-5);grid-template-columns:minmax(0,1fr)}.cp-plus3-badge{justify-self:start;min-width:6rem}.cp-quote{padding:var(--space-5)}}.cp-showcase-banner{border:1px solid color-mix(in srgb,var(--warning,#b7791f) 45%,transparent);background:color-mix(in srgb,var(--warning,#b7791f) 9%,var(--surface,#fff));border-radius:var(--radius-panel,16px);margin:8px 0 4px;padding:16px 20px}.cp-showcase-banner p{font-size:var(--type-body-sm,14px);line-height:var(--reading-line,1.6);color:var(--text-secondary,#444);margin:0 0 6px}.cp-showcase-banner p:last-child{margin-bottom:0}.cp-cta-row .button:disabled{opacity:.65;cursor:not-allowed}.primary-preview{max-width:1240px;color:var(--text-primary);overflow-wrap:anywhere;margin:auto;line-height:1.65}.primary-preview h1{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.3}.primary-preview h2{font-size:1.35rem}.primary-preview h3{margin:0;font-size:1.12rem}.primary-preview>section{margin-top:28px}.primary-preview small{font-size:.88rem}.primary-preview p{margin:10px 0}.primary-course-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.primary-course-picker button{text-align:left;background:var(--surface);color:inherit;border:1px solid var(--border);cursor:pointer;border-radius:16px;flex-direction:column;gap:8px;min-width:0;padding:20px;display:flex}.primary-course-picker button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-2px}.primary-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.primary-module-grid details,.primary-expression{background:var(--surface);border:1px solid var(--border);border-radius:16px;min-width:0;padding:20px}.primary-module-grid summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.primary-module-grid summary small{flex-basis:100%}.primary-module-grid li{margin:8px 0}.primary-module-grid li span{display:block}.primary-word-grid,.primary-token-grid{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.primary-word-grid article,.primary-token-grid>div{border:1px solid var(--border);border-radius:10px;flex-direction:column;flex:120px;gap:4px;min-width:0;padding:12px;display:flex}.primary-expression{margin:14px 0}.primary-expression header,.primary-review-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;display:flex}.primary-expression header>div{min-width:0}.primary-expression header p{font-size:1.2rem}.primary-review-tag{border:1px solid var(--border);white-space:normal;border-radius:8px;padding:5px 10px;font-size:.85rem}.primary-review-tag.PASS_HIGH_CONFIDENCE{background:color-mix(in srgb,var(--accent) 13%,transparent)}.primary-teacher-question{border-left:3px solid var(--accent);padding-left:12px}.primary-review-toolbar select{background:var(--surface);color:inherit;border:1px solid var(--border);border-radius:8px;max-width:100%;padding:8px}@media (max-width:800px){.primary-course-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-module-grid{grid-template-columns:1fr}}@media (max-width:440px){.primary-course-picker button,.primary-module-grid details,.primary-expression{padding:14px}.primary-review-toolbar label{width:100%}}.pv2{max-width:var(--layout-reading-max,1100px);padding:var(--space-8,32px) var(--page-gutter,20px) var(--space-16,64px);gap:var(--space-8,32px);margin:0 auto;display:grid}.pv2-head h1{margin:var(--space-2,8px) 0;font-family:var(--font-display,inherit);line-height:var(--line-heading,1.25)}.pv2-kicker{color:var(--muted,#6b7280);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px}.pv2-warning{padding:var(--space-3,12px) var(--space-4,16px);border:1px solid var(--border,#d8dee9);border-left:3px solid var(--info,#2563eb);border-radius:var(--radius-md,10px);background:var(--surface-card,#fff);color:var(--study-text,inherit);line-height:var(--line-ui,1.6);margin:0}.pv2-stats{gap:var(--space-3,12px);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.pv2-stats article{padding:var(--space-4,16px);border:1px solid var(--card-border-color,var(--border,#d8dee9));border-radius:var(--card-radius,12px);background:var(--card-bg,var(--surface-card,#fff));gap:2px;display:grid}.pv2-stats strong{font-size:26px;line-height:1.1;font-family:var(--font-display,inherit)}.pv2-stats span{color:var(--muted,#6b7280);font-size:13px}.pv2-stats small{color:var(--study-muted,#6b7280);font-size:12px}.pv2-panel{gap:var(--space-3,12px);display:grid}.pv2-panel h2{font-size:17px;line-height:var(--line-heading,1.35);margin:0}.pv2-panel>p{color:var(--study-muted,#6b7280);margin:0;font-size:13px}.pv2-table{border-collapse:collapse;width:100%;font-size:12px}.pv2-table th,.pv2-table td{border-bottom:1px solid var(--border-subtle,#eceff4);text-align:left;vertical-align:top;padding:6px 8px}.pv2-table th{color:var(--muted,#6b7280);font-weight:600}.pv2-cat-grid{gap:var(--space-3,12px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.pv2-cat-grid>article{padding:var(--space-4,16px);border:1px solid var(--border,#d8dee9);border-radius:var(--radius-md,10px);background:var(--surface-card,#fff);gap:6px;font-size:13px;display:grid}.pv2-cat-grid header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pv2-cat-grid header span{color:var(--muted,#6b7280);font-size:12px}.pv2-cat-grid p,.pv2-cat-grid ul{margin:0}.pv2-cat-grid ul{color:var(--danger,#b42318);padding-left:18px;font-size:12px}.pv2-ipa-row{flex-wrap:wrap;gap:6px;display:flex}.pv2-ipa-row code,.pv2-seg code{font-family:var(--font-ipa,ui-monospace, monospace);border-radius:var(--radius-tag,6px);background:var(--study-subtle,#f1f5f9);padding:2px 6px}.pv2-review-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pv2-review-list li{border:1px solid var(--border,#d8dee9);border-radius:var(--radius-md,10px);background:var(--surface-card,#fff);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.pv2-review-list li span{color:var(--study-muted,#6b7280)}.pv2-review-list li em{color:var(--muted,#6b7280);font-size:12px}.pv2-filter{gap:var(--space-3,12px);flex-wrap:wrap;display:flex}.pv2-filter label{color:var(--muted,#6b7280);gap:4px;font-size:12px;display:grid}.pv2-filter select{min-height:var(--control-min,36px);padding:0 var(--space-3,12px);border:1px solid var(--border,#d8dee9);border-radius:var(--radius-control,8px);background:var(--study-input,#fff);font-size:13px}.pv2-hint{color:var(--muted,#6b7280);margin:0;font-size:12px}.pv2-lesson{gap:var(--space-3,12px);padding:var(--space-4,16px);border:1px solid var(--border,#d8dee9);border-left:3px solid var(--border,#d8dee9);border-radius:var(--radius-md,10px);background:var(--surface-card,#fff);display:grid}.pv2-lesson.pv2-pass{border-left-color:var(--success,#15803d)}.pv2-lesson.pv2-review{border-left-color:var(--info,#2563eb)}.pv2-lesson.pv2-invalid{border-left-color:var(--danger,#b42318)}.pv2-lesson>header{flex-wrap:wrap;align-items:baseline;gap:10px;font-size:13px;display:flex}.pv2-lesson>header strong{font-family:var(--font-ipa,ui-monospace, monospace)}.pv2-lesson>header span:not(.pv2-verdict){color:var(--study-muted,#6b7280)}.pv2-verdict{border-radius:var(--radius-pill,999px);background:var(--study-subtle,#f1f5f9);margin-left:auto;padding:2px 10px;font-weight:600}.pv2-pass .pv2-verdict{color:var(--success,#15803d)}.pv2-review .pv2-verdict{color:var(--info,#2563eb)}.pv2-invalid .pv2-verdict{color:var(--danger,#b42318)}.pv2-chain{gap:var(--space-2,8px);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.pv2-step{border:1px solid var(--border-subtle,#eceff4);border-radius:var(--radius-sm,8px);background:var(--surface,#fbfcfe);align-content:start;gap:3px;padding:10px 12px;font-size:13px;display:grid}.pv2-step b{letter-spacing:.06em;color:var(--muted,#6b7280);font-size:11px}.pv2-step em{color:var(--muted,#6b7280);font-size:11px;font-style:normal}.pv2-grapheme,.pv2-ipa{font-family:var(--font-ipa,ui-monospace, monospace);font-size:18px}.pv2-seg{flex-wrap:wrap;gap:4px;display:flex}.pv2-msgs{color:var(--study-muted,#6b7280);margin:0;padding-left:18px;font-size:12px}.pap{flex-direction:column;gap:20px;max-width:960px;margin:0 auto;padding:24px;display:flex}.pap-kicker{letter-spacing:.12em;color:#6fc7b8;margin:0;font-size:12px}.pap-head h1{margin:4px 0;font-size:24px}.pap-warning{color:#e8d9a8;background:#1c2a30;border:1px solid #78ddcf40;border-radius:10px;margin:8px 0;padding:12px 14px;font-size:14px}.pap-nav{flex-wrap:wrap;gap:12px;display:flex}.pap-nav a{color:#78ddcf;font-size:14px}.pap-panel{background:#141d21;border:1px solid #dbeff11f;border-radius:12px;padding:18px 20px}.pap-panel h2{margin:0 0 10px;font-size:17px}.pap-meta{color:#bbcacf;margin:6px 0;font-size:14px}.pap-hint{color:#8fb6bd;margin-top:10px;font-size:13px}.pap-forbid{color:#e8a9a0;margin:6px 0;padding-left:20px;font-size:13.5px}.pap-candidate{background:#192429;border:1px solid #dbeff124;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0;padding:12px 14px;display:flex}.pap-candidate strong{font-size:15px;display:block}.pap-candidate small{color:#bbcacf;font-size:12px;display:block}.pap-candidate button{min-height:40px}.pap-badge{color:#f4cc8e;border:1px solid #f4cc8e66;border-radius:999px;padding:3px 10px;font-size:12px}.pap-words{flex-wrap:wrap;gap:12px;display:flex}.pap-words button{align-items:center;gap:8px;min-height:46px;padding:8px 16px;font-size:16px;display:inline-flex}.pap-words button[data-playing]{border-color:#78ddcf}.pap-words em{color:#78ddcf;font-size:13px;font-style:normal}.pap-ipa{color:#8fb6bd;font-size:13px}.pap-pos{color:#f4cc8e;border:1px solid #f4cc8e59;border-radius:999px;padding:1px 8px;font-size:12px}.pap-error{color:#ffaaa1;font-size:14px}.pap-table{border-collapse:collapse;width:100%;font-size:14px}.pap-table th,.pap-table td{text-align:left;border-top:1px solid #dbeff11f;padding:8px 10px}.pap-table th{color:#bbcacf;font-weight:600}.ptc{flex-direction:column;gap:20px;max-width:860px;margin:0 auto;padding:16px 12px 48px;display:flex}.ptc-head{border:1px solid #8080804d;border-radius:12px;padding:14px 16px}.ptc-kicker{letter-spacing:.08em;opacity:.65;margin:0 0 4px;font-size:11px}.ptc-head h1{margin:0 0 6px;font-size:20px}.ptc-note{opacity:.8;margin:0;font-size:13px}.ptc-nav{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.ptc-nav a{border:1px solid #80808066;border-radius:999px;padding:4px 10px;font-size:13px;text-decoration:none}.ptc-error{color:#c0392b;border:1px solid #c0392b;border-radius:8px;padding:8px 12px;font-size:13px}.ptc-card{border:1px solid #8080804d;border-radius:14px;flex-direction:column;gap:14px;padding:16px;scroll-margin-top:24px;display:flex}.ptc-card--ACCENT_VARIABLE,.ptc-card[data-card=ɔ]{border-color:#d68910}.ptc-card-head{align-items:flex-start;gap:14px;display:flex}.ptc-card-ipa{min-width:96px;font-size:40px;font-weight:700;line-height:1}.ptc-card-title h2{margin:0 0 2px;font-size:16px}.ptc-card-category{opacity:.7;margin:0 0 4px;font-size:12px}.ptc-card-mode{margin:0;font-size:13px;font-weight:600}.ptc-card-accent,.ptc-card-context,.ptc-card-forbid{border-radius:8px;margin:6px 0 0;padding:6px 10px;font-size:13px}.ptc-card-accent{background:#d6891024}.ptc-card-context{background:#2980b91f}.ptc-card-forbid{background:#c0392b1a}.ptc-mouth{width:96px;height:76px;color:inherit;opacity:.9;flex-shrink:0}.ptc-card-artic h3,.ptc-card-words h3{margin:0 0 6px;font-size:14px}.ptc-card-artic p{margin:0;font-size:14px}.ptc-card-tips{opacity:.85;margin:8px 0 0;padding-left:18px;font-size:12.5px}.ptc-card-standalone button[disabled]{cursor:not-allowed;opacity:.6;border-radius:8px;padding:8px 14px}.ptc-standalone-hint{opacity:.75;margin:0;font-size:13px}.ptc-card-words{flex-direction:column;gap:8px;display:flex}.ptc-word{border:1px solid #80808040;border-radius:10px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.ptc-word[data-supplementary]{opacity:.85;border-style:dashed}.ptc-word-main{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.ptc-word-spelling{font-size:18px;font-weight:600}.ptc-word-spelling mark{color:inherit;background:#e67e2259;border-radius:3px;padding:0 2px}.ptc-word-ipa{opacity:.8;font-size:13px}.ptc-word-pos{border:1px solid #80808066;border-radius:999px;padding:1px 8px;font-size:11px}.ptc-word-extra{background:#8080802e;border-radius:999px;padding:1px 8px;font-size:11px}.ptc-word-actions{gap:8px;display:flex}.ptc-word-actions button{cursor:pointer;background:0 0;border:1px solid #80808066;border-radius:8px;padding:6px 14px;font-size:13px}.ptc-word-actions button[data-playing]{outline:2px solid #e67e22b3}.ptc-segment h4,.ptc-contrast h4,.ptc-card-phonics h4{margin:0 0 6px;font-size:13.5px}.ptc-segment-parts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ptc-segment-part{border:1px dashed #80808080;border-radius:8px;flex-direction:column;align-items:center;padding:4px 10px;display:inline-flex}.ptc-segment-part strong{font-size:16px}.ptc-segment-part small{opacity:.75;font-size:11px}.ptc-segment-arrow{font-size:18px}.ptc-segment-parts button{cursor:pointer;background:0 0;border:1px solid #80808066;border-radius:8px;padding:6px 14px;font-size:13px}.ptc-contrast-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ptc-contrast-row button{cursor:pointer;background:0 0;border:1px solid #80808066;border-radius:8px;padding:6px 14px;font-size:13px}.ptc-contrast-hint{opacity:.8;margin:6px 0 0;font-size:12.5px}.ptc-phonemes{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.ptc-phoneme-chip{border:1px solid #80808066;border-radius:999px;padding:3px 10px;font-size:13px}.ptc-phonics-link{font-size:13.5px}.ptc-debug{border:1px dashed #80808080;border-radius:10px;padding:8px 12px;font-size:12.5px}.ptc-debug summary{cursor:pointer;opacity:.8}.ptc-debug-table{border-collapse:collapse;width:100%;margin-top:8px}.ptc-debug-table th,.ptc-debug-table td{text-align:left;vertical-align:top;border-top:1px solid #80808033;padding:4px 6px}.ptc-debug-table th{opacity:.7;width:200px;font-weight:500}@media (max-width:480px){.ptc-card-head{flex-wrap:wrap}.ptc-card-ipa{min-width:0}.ptc-mouth{order:-1}.ptc-word-main{flex-wrap:wrap}.ptc-word-actions button{flex:1}.ptc-card-ipa{font-size:32px}}.admin-app{--admin-bg:#080a11;--admin-sidebar:#0c0f18;--admin-surface:#12151f;--admin-surface-2:#171b28;--admin-surface-3:#1d2231;--admin-line:#262c3d;--admin-line-strong:#39415a;--admin-text:#eef1f8;--admin-muted:#96a0b8;--admin-accent:#8b7bff;--admin-accent-2:#5ba8ff;--admin-accent-ink:#fff;--admin-accent-soft:#1a1830;--admin-danger:#ff6b6b;--admin-warning:#ffb14a;--admin-font-xs:11px;--admin-font-sm:13px;--admin-font-md:15px;--admin-font-lg:18px;--admin-font-number:34px;--admin-page-title:clamp(30px, 3vw, 42px);--admin-radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--admin-bg);min-height:100dvh;color:var(--admin-text);font-family:Inter,Segoe UI,PingFang SC,sans-serif;position:relative}.admin-app:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(720px 380px at 8% -6%,#5ba8ff29,#0000 70%),radial-gradient(680px 420px at 92% 2%,#8b7bff2e,#0000 72%),radial-gradient(900px 600px at 62% 108%,#53d6c617,#0000 70%);position:fixed;inset:0}.admin-app *,.admin-app :before,.admin-app :after{box-sizing:border-box}.admin-app button,.admin-app input,.admin-app select,.admin-app textarea{font:inherit}.admin-app button,.admin-app a{-webkit-tap-highlight-color:transparent}.admin-app>aside{z-index:45;background:linear-gradient(180deg, #8b7bff1a 0%, transparent 32%), linear-gradient(180deg, #12151f 0%, var(--admin-sidebar) 70%);border-right:1px solid var(--admin-line);flex-direction:column;width:248px;padding:26px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:1px 0 #8b7bff14,24px 0 60px -40px #000000e6}.admin-brand{border-bottom:1px solid var(--admin-line);gap:12px;padding:0 10px 24px;display:grid}.admin-brand>small{color:var(--admin-muted);letter-spacing:.16em;font-size:10px}.admin-brand .echo-logo-word b{color:var(--admin-text)}.admin-brand .echo-logo-word small{color:var(--admin-muted)}.admin-app>aside nav{gap:6px;margin-top:22px;display:grid}.admin-app>aside nav a,.admin-learning-link{color:#9aa4bb;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;min-height:46px;padding:0 13px;font-size:13px;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.admin-app>aside nav a svg,.admin-learning-link svg{width:17px}.admin-app>aside nav a:hover{color:var(--admin-text);border-color:var(--admin-line);background:linear-gradient(90deg,#8b7bff1f,#5ba8ff0d)}.admin-app>aside nav a.active{color:#fff;box-shadow:inset 3px 0 0 var(--admin-accent), 0 8px 26px -14px #8b7bffe6;background:linear-gradient(90deg,#8b7bff4d,#5ba8ff1a 70%,#0000);border-color:#8b7bff6b}.admin-app>aside nav a.active svg{color:#c3b9ff}.admin-learning-link{border:1px solid var(--admin-line);margin-top:auto}.admin-learning-link:hover{color:var(--admin-accent);border-color:#8b7bff80}.admin-workspace{z-index:1;min-width:0;min-height:100dvh;margin-left:248px;position:relative}.admin-topbar{z-index:35;border-bottom:1px solid var(--admin-line);background:color-mix(in srgb, var(--admin-bg) 82%, transparent);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);grid-template-columns:minmax(130px,.55fr) minmax(260px,520px) auto auto auto auto;align-items:center;gap:20px;height:76px;padding:0 clamp(24px,3vw,48px);display:grid;position:sticky;top:0}.admin-topbar:after{content:"";background:linear-gradient(90deg,#0000,#8b7bff8c,#5ba8ff59,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.admin-topbar>div:first-of-type{gap:2px;display:grid}.admin-topbar>div:first-of-type small{color:var(--admin-accent);letter-spacing:.14em;font-size:10px}.admin-topbar>div:first-of-type strong{letter-spacing:.01em;font-size:14px}.admin-topbar>form{position:relative}.admin-topbar>form svg{width:16px;color:var(--admin-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.admin-topbar>form input{border:1px solid var(--admin-line);width:100%;height:40px;color:var(--admin-text);background:#0e111a;border-radius:12px;outline:none;padding:0 16px 0 42px;transition:border-color .16s,box-shadow .16s}.admin-topbar>form input::placeholder{color:#6b7488}.admin-topbar>form input:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px #8b7bff2e}.admin-topbar>svg{width:18px;color:var(--admin-muted)}.admin-text-size{color:var(--admin-muted);font-size:var(--admin-font-xs);white-space:nowrap;align-items:center;gap:7px;display:flex}.admin-text-size select{border:1px solid var(--admin-line);max-width:108px;height:34px;color:var(--admin-text);font:inherit;background:#0e111a;border-radius:9px;padding:0 8px}.admin-text-size select:focus{border-color:var(--admin-accent);outline:0}.admin-account{align-items:center;gap:10px;display:flex}.admin-account>span{width:34px;height:34px;color:var(--admin-accent-ink);background:linear-gradient(140deg, var(--admin-accent), var(--admin-accent-2));border-radius:11px;place-items:center;font-weight:750;display:grid;box-shadow:0 6px 18px -8px #8b7bffe6}.admin-account>div{white-space:nowrap;gap:2px;display:grid}.admin-account b{font-size:12px}.admin-account small{color:var(--admin-muted);font-size:10px}.admin-logout,.admin-menu-button{border:1px solid var(--admin-line);width:36px;height:36px;color:var(--admin-muted);background:#0e111a;border-radius:10px;place-items:center;transition:color .16s,border-color .16s;display:grid}.admin-logout:hover{color:var(--admin-danger);border-color:#ff6b6b8c}.admin-logout svg,.admin-menu-button svg{width:16px}.admin-menu-button,.admin-menu-backdrop{display:none}.admin-skip-link{z-index:100;color:var(--admin-accent-ink);background:var(--admin-accent);border-radius:10px;padding:10px 14px;position:fixed;top:-80px;left:270px}.admin-skip-link:focus{top:8px}.admin-workspace>main{max-width:none;padding:36px clamp(24px,3vw,48px) 72px}.admin-page{width:min(100%,1560px);margin:0 auto}.admin-page-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.admin-page-heading p{color:var(--admin-accent);letter-spacing:.2em;margin:0 0 8px;font-size:11px}.admin-page-heading h1{letter-spacing:-.04em;background:linear-gradient(96deg,#fff 10%,#c9c2ff 52%,#a8d3ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(28px,3vw,39px);font-weight:640}.admin-page-heading span{color:var(--admin-muted);margin-top:10px;font-size:13px;line-height:1.6;display:block}.admin-segmented{border:1px solid var(--admin-line);background:#0e111a;border-radius:12px;padding:4px;display:flex}.admin-segmented button{color:var(--admin-muted);background:0 0;border:0;border-radius:9px;padding:8px 13px;font-size:11px;transition:color .16s,background .16s}.admin-segmented button:hover{color:var(--admin-text)}.admin-segmented button.active{color:var(--admin-accent-ink);background:linear-gradient(140deg, var(--admin-accent), var(--admin-accent-2));box-shadow:0 6px 18px -10px #8b7bfff2}.admin-card-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.admin-card-grid>article{border:1px solid var(--admin-line);border-top:3px solid var(--admin-card-color,#5ba8ff);border-radius:var(--admin-radius);background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--admin-card-color,#5ba8ff) 22%, transparent), transparent 62%), linear-gradient(160deg, var(--admin-surface-2) 0%, var(--admin-surface) 68%);align-content:space-between;min-height:142px;padding:19px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px -28px #000000f2,inset 0 1px #ffffff0a}.admin-card-grid>article:hover{border-color:color-mix(in srgb, var(--admin-card-color,#5ba8ff) 55%, var(--admin-line));box-shadow:0 24px 54px -26px color-mix(in srgb, var(--admin-card-color,#5ba8ff) 70%, transparent), inset 0 1px 0 #ffffff0f;transform:translateY(-2px)}.admin-card-grid>article>div{color:var(--admin-muted);align-items:center;gap:8px;font-size:11px;display:flex}.admin-card-grid>article svg{width:17px;color:var(--admin-card-color,var(--admin-accent));filter:drop-shadow(0 0 10px color-mix(in srgb, var(--admin-card-color,#8b7bff) 55%, transparent))}.admin-card-grid>article strong{color:var(--admin-text);letter-spacing:-.045em;text-shadow:0 0 26px color-mix(in srgb, var(--admin-card-color,#8b7bff) 30%, transparent);font:600 32px/1.08 ui-sans-serif,system-ui}.admin-card-grid>article small{color:#8b93aa;font-size:10px}.admin-card-grid>article.is-warning{border-color:color-mix(in srgb, var(--admin-warning) 45%, var(--admin-line))}.admin-card-grid>article.is-warning svg{color:var(--admin-warning)}.admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.admin-dashboard-grid.wide-left{grid-template-columns:minmax(0,1.8fr) minmax(280px,.7fr)}.admin-panel{border:1px solid var(--admin-line);border-radius:var(--admin-radius);background:linear-gradient(180deg, #ffffff09 0%, transparent 22%), var(--admin-surface);min-width:0;margin-top:18px;padding:22px;position:relative;overflow:hidden;box-shadow:0 22px 60px -34px #000000f2}.admin-panel:before{content:"";background:linear-gradient(90deg,#0000,#8b7bffa6,#5ba8ff59,#0000);height:1px;position:absolute;inset:0 0 auto}.admin-dashboard-grid>.admin-panel{margin-top:0}.admin-panel>header{justify-content:space-between;gap:16px;margin-bottom:21px;display:flex;position:relative}.admin-panel>header>div{padding-left:12px}.admin-panel>header>div:before{content:"";background:linear-gradient(180deg, var(--admin-accent), var(--admin-accent-2));border-radius:99px;width:3px;position:absolute;top:3px;bottom:3px;left:0}.admin-panel>header h2{color:var(--admin-text);letter-spacing:.01em;margin:0;font-size:15px;font-weight:640}.admin-panel>header p{color:var(--admin-muted);margin:6px 0 0;font-size:11px}.admin-state{min-height:300px;color:var(--admin-muted);align-content:center;place-items:center;gap:12px;display:grid}.admin-state-error{color:var(--admin-danger)}.admin-state button,.admin-state-error button{border:1px solid var(--admin-line);color:var(--admin-text);background:var(--admin-surface-2);border-radius:10px;align-items:center;gap:7px;padding:9px 13px;display:flex}.admin-state svg{width:20px}.admin-state button svg{width:14px}.admin-spinner{border:2px solid var(--admin-line);border-top-color:var(--admin-accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-empty{min-height:128px;color:var(--admin-muted);border:1px dashed var(--admin-line-strong);background:#ffffff04;border-radius:14px;align-content:center;place-items:center;gap:9px;font-size:12px;display:grid}.admin-empty svg{width:23px;color:var(--admin-accent)}.admin-chart-legend{flex-wrap:wrap;gap:16px;margin-bottom:10px;display:flex}.admin-chart-legend span{color:var(--admin-muted);align-items:center;gap:6px;font-size:10px;display:flex}.admin-chart-legend i{border-radius:50%;width:8px;height:8px}.admin-trend-chart-wrap{min-height:264px;padding:8px 0 28px;position:relative;overflow-x:auto}.admin-trend-grid{pointer-events:none;min-width:100%;position:absolute;inset:8px 0 28px}.admin-trend-grid span{border-top:1px dashed #ffffff17;width:100%;position:absolute;left:0}.admin-trend-grid b{color:#7d869c;font-size:9px;font-weight:500;position:absolute;top:-7px;right:calc(100% + 7px)}.admin-trend-bars{z-index:1;align-items:end;gap:7px;min-width:520px;height:228px;display:grid;position:relative}.admin-trend-bar-group{border-radius:8px;grid-template-rows:1fr 20px;min-width:0;height:100%;transition:background .16s;display:grid;position:relative}.admin-trend-bar-group:hover{background:#8b7bff14}.admin-trend-bars-stack{justify-content:center;align-items:end;gap:3px;height:100%;display:flex}.admin-trend-bar{border-radius:5px 5px 2px 2px;flex:1;min-width:5px;max-width:14px;transition:filter .15s;box-shadow:0 0 14px -2px}.admin-trend-bar-group:hover .admin-trend-bar,.admin-trend-bar-group:focus .admin-trend-bar{filter:brightness(1.2)}.admin-trend-date{color:#7d869c;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding-top:7px;font-size:9px;overflow:hidden}.admin-trend-tooltip{z-index:3;border:1px solid var(--admin-line-strong);width:max-content;max-width:240px;color:var(--admin-text);background:#161a26;border-radius:10px;padding:10px 12px;font-size:10px;display:none;position:absolute;bottom:calc(100% - 6px);left:50%;transform:translate(-50%);box-shadow:0 16px 34px -14px #000000f2}.admin-trend-tooltip strong,.admin-trend-tooltip span{line-height:1.7;display:block}.admin-trend-tooltip span{color:var(--admin-muted)}.admin-trend-bar-group:hover .admin-trend-tooltip,.admin-trend-bar-group:focus .admin-trend-tooltip{display:block}.admin-trend-bar-group:focus{outline:1px solid var(--admin-accent);outline-offset:2px}.admin-pending-list{gap:10px;display:grid}.admin-pending-list>*{border:1px solid var(--admin-line);min-height:56px;color:var(--admin-muted);background:linear-gradient(90deg, var(--admin-surface-2), var(--admin-surface));border-radius:12px;justify-content:space-between;align-items:center;padding:0 14px;transition:transform .16s,border-color .16s;display:flex}.admin-pending-list>a:hover{color:var(--admin-text);transform:translate(2px)}.admin-pending-list b{color:var(--admin-text);font-size:19px}.admin-pending-list>*{border-left:3px solid #5c606a}.admin-bar-list{gap:13px;display:grid}.admin-bar-list>div{color:var(--admin-muted);grid-template-columns:minmax(100px,155px) minmax(90px,1fr) 34px;align-items:center;gap:10px;font-size:11px;display:grid}.admin-bar-list i{background:#1b2030;border-radius:99px;height:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.admin-bar-list i b{border-radius:inherit;background:linear-gradient(90deg,#6b7ecf,#8b7bff 55%,#53d6c6);min-width:2px;height:100%;display:block;box-shadow:0 0 14px -3px #8b7bffe6}.admin-bar-list strong{color:var(--admin-text);text-align:right}.admin-audience-summary{margin-bottom:18px}.admin-audience-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-audience-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.admin-audience-charts>.admin-panel{margin-top:0}.admin-audience-goals{grid-column:1/-1}.admin-distribution-chart{min-height:220px;padding:10px 6px 0 26px;position:relative;overflow-x:auto}.admin-distribution-grid{pointer-events:none;position:absolute;inset:10px 6px 31px 26px}.admin-distribution-grid i{border-top:1px dashed #ffffff17;width:100%;position:absolute;left:0}.admin-distribution-bars{justify-content:flex-start;align-items:end;gap:clamp(14px,3vw,34px);min-width:max-content;height:190px;padding:0 12px;display:flex;position:relative}.admin-distribution-item{width:clamp(64px,9vw,104px);height:100%;color:var(--admin-muted);grid-template-rows:20px 1fr 28px;place-items:end center;display:grid;position:relative}.admin-distribution-value{color:var(--admin-text);font-size:var(--admin-font-sm);align-self:start;font-weight:700}.admin-distribution-bar{width:min(38px,72%);min-height:3px;box-shadow:0 0 20px color-mix(in srgb, currentColor 35%, transparent);border-radius:8px 8px 3px 3px;align-self:end;transition:filter .15s,transform .15s}.admin-distribution-item>span{width:100%;font-size:var(--admin-font-xs);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding-top:9px;line-height:1.35;overflow:hidden}.admin-distribution-tooltip{z-index:2;border:1px solid var(--admin-line-strong);width:max-content;max-width:220px;color:var(--admin-text);font-size:var(--admin-font-xs);background:#161a26;border-radius:10px;padding:8px 10px;display:none;position:absolute;bottom:calc(100% - 32px);left:50%;transform:translate(-50%);box-shadow:0 16px 34px -14px #000000f2}.admin-distribution-tooltip b,.admin-distribution-tooltip span{line-height:1.65;display:block}.admin-distribution-tooltip span{color:var(--admin-muted)}.admin-distribution-item:hover .admin-distribution-bar,.admin-distribution-item:focus .admin-distribution-bar{filter:brightness(1.18);transform:translateY(-2px)}.admin-distribution-item:hover .admin-distribution-tooltip,.admin-distribution-item:focus .admin-distribution-tooltip{display:block}.admin-distribution-item:focus{outline:1px solid var(--admin-accent);outline-offset:3px}.admin-top-pairs{border-top:1px solid var(--admin-line);grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;padding-top:20px;display:grid}.admin-top-pairs>div{gap:8px;display:grid}.admin-top-pairs small{color:var(--admin-accent);letter-spacing:.1em;font-size:10px}.admin-top-pairs span{color:var(--admin-muted);justify-content:space-between;font-size:11px;display:flex}.admin-top-pairs b{color:var(--admin-text)}.admin-activity-list{gap:2px;display:grid}.admin-activity-list>div{border-bottom:1px solid #ffffff0f;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;display:grid}.admin-activity-list>div:last-child{border:0}.admin-activity-list i{background:var(--admin-accent);width:7px;height:7px;box-shadow:0 0 12px var(--admin-accent);border-radius:50%}.admin-activity-list span{gap:2px;display:grid}.admin-activity-list b{font-size:11px}.admin-activity-list small,.admin-activity-list time{color:var(--admin-muted);font-size:10px}.admin-filters{border:1px solid var(--admin-line);border-radius:var(--admin-radius);background:linear-gradient(180deg, #ffffff09 0%, transparent 30%), var(--admin-surface);grid-template-columns:minmax(230px,1.4fr) repeat(6,minmax(120px,.7fr)) auto;align-items:end;gap:10px;margin-bottom:18px;padding:16px;display:grid;box-shadow:0 18px 44px -32px #000000f2}.admin-filters label,.admin-inline-filters label,.admin-resolution-form label{min-width:0;color:var(--admin-muted);gap:7px;font-size:10px;display:grid}.admin-filters :is(input,select),.admin-inline-filters select,.admin-resolution-form :is(select,textarea){border:1px solid var(--admin-line);width:100%;min-width:0;height:39px;color:var(--admin-text);background:#0e111a;border-radius:10px;outline:none;padding:0 11px;transition:border-color .16s,box-shadow .16s}.admin-filters :is(input,select):focus,.admin-inline-filters select:focus,.admin-resolution-form :is(select,textarea):focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px #8b7bff29}.admin-search-field>div{position:relative}.admin-search-field svg{width:15px;color:var(--admin-muted);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.admin-search-field input{padding-left:35px!important}.admin-filters>button,.admin-resolution-form>button,.admin-button{min-height:39px;color:var(--admin-accent-ink);background:linear-gradient(140deg, var(--admin-accent), var(--admin-accent-2));border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:11px;font-weight:700;transition:filter .16s,transform .16s;display:inline-flex;box-shadow:0 10px 24px -12px #8b7bfff2}.admin-filters>button:hover,.admin-resolution-form>button:hover,.admin-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.admin-filters>button svg,.admin-button svg{width:14px}.admin-button.secondary{color:var(--admin-text);border:1px solid var(--admin-line-strong);background:var(--admin-surface-2);box-shadow:none}.admin-table-panel{padding:0;overflow:hidden}.admin-table-panel>header{padding:21px 22px 0}.admin-table-wrap{overflow-x:auto}.admin-table-wrap table{border-collapse:collapse;width:100%;min-width:880px}.admin-table-wrap th{color:#b9c1d6;letter-spacing:.08em;text-align:left;white-space:nowrap;border-bottom:1px solid var(--admin-line-strong);background:linear-gradient(#1a1f2c,#141824);padding:12px 16px;font-size:10px}.admin-table-wrap td{color:#c8cddb;vertical-align:middle;border-top:1px solid #ffffff0f;padding:14px 16px;font-size:11px}.admin-table-wrap tr:hover td{background:#8b7bff12}.admin-table-wrap td>:is(a,span):first-child,.admin-table-wrap td>b:first-child{color:var(--admin-text)}.admin-table-wrap td a,.admin-table-wrap td>b{gap:4px;display:grid}.admin-table-wrap td small{color:#838da3;margin-top:4px;font-size:10px;line-height:1.5;display:block}.admin-pagination{border-top:1px solid var(--admin-line);color:var(--admin-muted);justify-content:flex-end;align-items:center;gap:12px;padding:14px 18px;font-size:10px;display:flex}.admin-pagination button{border:1px solid var(--admin-line);color:var(--admin-text);background:#0e111a;border-radius:9px;align-items:center;gap:4px;padding:7px 10px;transition:border-color .16s;display:flex}.admin-pagination button:hover:not(:disabled){border-color:var(--admin-accent)}.admin-pagination button:disabled{opacity:.35}.admin-pagination svg{width:13px}.admin-pill{color:#c3cdf0;white-space:nowrap;background:#1a2036;border:1px solid #3b4560;border-radius:99px;width:max-content;padding:5px 9px;font-size:10px;display:inline-flex;box-shadow:inset 0 0 12px -6px #93a9ffcc}.admin-pill-trial-expired,.admin-pill-member-expired,.admin-pill-invalid,.admin-pill-wont-fix{color:#ffc4b4;background:#2a1b18;border-color:#6b4437}.admin-pill-trial-active,.admin-pill-member-active,.admin-pill-fixed,.admin-pill-valid{color:#b6f0d8;background:#12261f;border-color:#2f6b58}.admin-pill.attention{color:#ffc0c0;background:#341c1f;border-color:#8d4448}.admin-detail-list{gap:0;margin:0;display:grid}.admin-detail-list>div{border-bottom:1px solid #ffffff0f;grid-template-columns:minmax(100px,.65fr) minmax(0,1fr);gap:18px;padding:12px 0;display:grid}.admin-detail-list>div:last-child{border:0}.admin-detail-list dt{color:var(--admin-muted);font-size:10px}.admin-detail-list dd{color:var(--admin-text);overflow-wrap:anywhere;margin:0;font-size:11px}.admin-note{border:1px solid var(--admin-line);color:var(--admin-muted);background:var(--admin-surface-2);border-radius:10px;margin:18px 0 0;padding:12px;font-size:10px;line-height:1.6}.admin-funnel{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.admin-funnel>div{border:1px solid var(--admin-line);text-align:center;background:linear-gradient(180deg, var(--admin-surface-2), var(--admin-surface));border-radius:14px;align-content:center;justify-items:center;gap:7px;min-height:116px;padding:12px;display:grid;position:relative}.admin-funnel>div>span{width:24px;height:24px;color:var(--admin-accent-ink);background:linear-gradient(140deg, var(--admin-accent), var(--admin-accent-2));border-radius:50%;place-items:center;font-size:10px;display:grid;box-shadow:0 6px 16px -8px #8b7bfff2}.admin-funnel b{color:var(--admin-muted);font-size:10px}.admin-funnel svg{z-index:2;color:#5b6480;width:16px;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.admin-inline-filters{border:1px solid var(--admin-line);border-radius:var(--admin-radius);background:linear-gradient(180deg, #ffffff09 0%, transparent 30%), var(--admin-surface);flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:15px;display:flex}.admin-inline-filters label{flex:1;min-width:165px}.admin-feedback-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-feedback-grid>a{border:1px solid var(--admin-line);min-width:0;min-height:168px;color:var(--admin-text);background:linear-gradient(180deg, #ffffff09 0%, transparent 26%), var(--admin-surface);border-radius:14px;align-content:space-between;gap:11px;padding:18px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.admin-feedback-grid>a:hover{border-color:#8b7bff8c;transform:translateY(-2px);box-shadow:0 20px 44px -26px #8b7bffcc}.admin-feedback-grid>a>div,.admin-feedback-grid footer{justify-content:space-between;align-items:center;gap:9px;display:flex}.admin-feedback-grid>a>div>span:first-child{color:var(--admin-warning);font-size:10px}.admin-feedback-grid h3{overflow-wrap:anywhere;margin:0;font-size:15px}.admin-feedback-grid p,.admin-feedback-grid footer{color:var(--admin-muted);margin:0;font-size:10px}.admin-feedback-grid+.admin-pagination{border:1px solid var(--admin-line);border-radius:12px;margin-top:18px}.admin-status-row{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.admin-report-list{gap:9px;display:grid}.admin-report-list article{border:1px solid var(--admin-line);background:var(--admin-surface-2);border-radius:12px;padding:14px}.admin-report-list p{color:var(--admin-text);margin:0;font-size:12px;line-height:1.65}.admin-report-list footer{color:var(--admin-muted);justify-content:space-between;margin-top:10px;font-size:10px;display:flex}.admin-resolution-form{grid-template-columns:minmax(180px,.4fr) minmax(300px,1.6fr) auto;align-items:end;gap:12px;display:grid}.admin-resolution-form textarea{resize:vertical;height:76px;padding:10px}.admin-resolution-form>button{min-height:44px}.admin-resolution-form>p{color:var(--admin-accent);grid-column:1/-1;margin:0;font-size:11px}.admin-route-state{background:var(--admin-bg);min-height:100dvh;color:var(--admin-text);place-items:center;display:grid}.admin-app[data-text-scale=large]{--admin-font-xs:12px;--admin-font-sm:15px;--admin-font-md:17px;--admin-font-lg:20px;--admin-font-number:38px;--admin-page-title:clamp(34px, 3.3vw, 46px)}.admin-app[data-text-scale=xlarge]{--admin-font-xs:13px;--admin-font-sm:17px;--admin-font-md:19px;--admin-font-lg:22px;--admin-font-number:42px;--admin-page-title:clamp(37px, 3.6vw, 50px)}.admin-app[data-text-scale=large] .admin-card-grid>article{min-height:158px}.admin-app[data-text-scale=xlarge] .admin-card-grid>article{min-height:176px}.admin-app>aside nav a,.admin-learning-link,.admin-page-heading span,.admin-topbar>div:first-of-type strong,.admin-account b{font-size:var(--admin-font-md)}.admin-page-heading h1{font-size:var(--admin-page-title)}.admin-page-heading p,.admin-brand>small,.admin-topbar>div:first-of-type small,.admin-account small,.admin-chart-legend span,.admin-trend-grid b,.admin-trend-date,.admin-trend-tooltip,.admin-top-pairs small,.admin-activity-list small,.admin-activity-list time,.admin-table-wrap th,.admin-table-wrap td small,.admin-pill,.admin-detail-list dt,.admin-feedback-grid>a>div>span:first-child,.admin-feedback-grid p,.admin-feedback-grid footer{font-size:var(--admin-font-xs)}.admin-segmented button,.admin-card-grid>article>div,.admin-card-grid>article small,.admin-panel>header p,.admin-pending-list>*,.admin-bar-list>div,.admin-top-pairs span,.admin-activity-list b,.admin-filters label,.admin-inline-filters label,.admin-resolution-form label,.admin-filters>button,.admin-resolution-form>button,.admin-button,.admin-table-wrap td,.admin-pagination,.admin-pagination button,.admin-detail-list dd,.admin-note,.admin-funnel b,.admin-funnel>div>span,.admin-report-list footer,.admin-resolution-form>p{font-size:var(--admin-font-sm)}.admin-panel>header h2,.admin-feedback-grid h3{font-size:var(--admin-font-lg)}.admin-card-grid>article strong{font-size:var(--admin-font-number)}.admin-funnel strong{font-size:calc(var(--admin-font-number) - 6px)}@media (max-width:1360px){.admin-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-card-grid.admin-audience-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-card-grid>article{min-height:126px}.admin-filters{grid-template-columns:repeat(4,minmax(140px,1fr))}.admin-filters .admin-search-field{grid-column:span 2}}@media (max-width:1024px){.admin-app>aside{width:218px}.admin-workspace{margin-left:218px}.admin-topbar{grid-template-columns:minmax(100px,.4fr) minmax(180px,1fr) auto auto auto}.admin-topbar>svg,.admin-account>div{display:none}.admin-dashboard-grid.wide-left{grid-template-columns:1fr}.admin-card-grid.admin-audience-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-audience-charts{grid-template-columns:1fr}.admin-audience-goals{grid-column:auto}.admin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filters .admin-search-field{grid-column:span 2}.admin-feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-funnel{grid-template-columns:repeat(5,minmax(125px,1fr));padding-bottom:5px;overflow-x:auto}}@media (max-width:820px){.admin-app>aside{width:248px;transition:transform .2s;transform:translate(-105%)}.admin-app>aside.open{transform:translate(0)}.admin-workspace{margin-left:0}.admin-menu-button{display:grid}.admin-menu-backdrop{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060cb8;border:0;display:block;position:fixed;inset:0}.admin-topbar{grid-template-columns:auto minmax(100px,.5fr) minmax(160px,1fr) auto auto;padding:0 18px}.admin-logout{display:none}.admin-workspace>main{padding:28px 18px 58px}.admin-dashboard-grid{grid-template-columns:1fr}.admin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-resolution-form{grid-template-columns:1fr}.admin-resolution-form>p{grid-column:auto}}@media (max-width:560px){.admin-topbar{grid-template-columns:auto 1fr auto auto;gap:10px}.admin-topbar>form{display:none}.admin-page-heading{flex-direction:column;align-items:flex-start}.admin-card-grid,.admin-card-grid.admin-audience-kpis,.admin-feedback-grid,.admin-top-pairs{grid-template-columns:1fr}.admin-card-grid>article{min-height:110px}.admin-filters{grid-template-columns:1fr}.admin-filters .admin-search-field{grid-column:auto}.admin-inline-filters{grid-template-columns:1fr;display:grid}.admin-inline-filters label{min-width:0}.admin-bar-list>div{grid-template-columns:minmax(90px,120px) 1fr 30px}}@media (prefers-reduced-motion:reduce){.admin-app *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.admin-app{--xt-bg:#080a11;--xt-bg-nav:#0c0f18;--xt-surface:#12151f;--xt-surface-2:#171b28;--xt-surface-3:#1d2231;--xt-line:#8ca5dc21;--xt-line-strong:#8ca5dc38;--xt-t1:#eef1f8;--xt-t2:#96a0b8;--xt-t3:#7d87a0;--xt-blue:#5ba8ff;--xt-purple:#8b7bff;--xt-cyan:#53d6c6;--xt-gold:#f6c453;--xt-red:#ff6b6b;--xt-r-xs:8px;--xt-r-sm:12px;--xt-r-md:14px;--xt-r-lg:16px;--xt-r-xl:20px;--xt-ease:cubic-bezier(.22, .61, .36, 1);--xt-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}.admin-kpi-xingtu{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(142px,auto);gap:16px}.admin-kpi-xingtu>article:first-child{grid-column:span 5}.admin-kpi-xingtu>article:nth-child(2){grid-column:span 3}.admin-kpi-xingtu>article:nth-child(3),.admin-kpi-xingtu>article:nth-child(4),.admin-kpi-xingtu>article:nth-child(5),.admin-kpi-xingtu>article:nth-child(6){grid-column:span 4}.admin-kpi-xingtu>article{transform-style:preserve-3d;transform-origin:50%;touch-action:pan-y;border-radius:var(--xt-r-md);background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--admin-card-color,#5ba8ff) 18%, transparent), transparent 62%), linear-gradient(160deg, var(--xt-surface-2) 0%, var(--xt-surface) 68%);transition:border-color .18s var(--xt-ease), box-shadow .18s var(--xt-ease);--persp:1000px;--px:50%;--py:50%;--ex:0;--ey:0;--edge:0;--refl-op:0;overflow:visible;box-shadow:0 18px 44px -28px #000000f2,inset 0 1px #ffffff0a}.admin-kpi-xingtu>article:first-child{border-radius:var(--xt-r-lg);padding:22px 24px}.admin-kpi-xingtu>article:last-child{border-radius:var(--xt-r-xs);align-self:start}.admin-kpi-xingtu>article>div svg{transform:translateZ(6px)}.admin-kpi-xingtu>article strong{font-variant-numeric:tabular-nums;transform:translateZ(10px)}.admin-kpi-xingtu>article small{transform:translateZ(6px)}.admin-kpi-xingtu>article.is-live{will-change:transform}.admin-kpi-xingtu .card-reflection{border-radius:inherit;pointer-events:none;opacity:calc(var(--refl-op,0) * var(--refl-max,1));background:radial-gradient(ellipse 34% 46% at var(--px,50%) var(--py,50%), rgba(var(--accent-rgb,255, 255, 255), .22), rgba(var(--accent-rgb,255, 255, 255), .085) 32%, transparent 62%);position:absolute;inset:0;transform:translateZ(.5px)}.admin-kpi-xingtu .card-reflection:after{content:"";border-radius:inherit;box-shadow:inset calc(-1 * var(--ex,0) * 9px) calc(-1 * var(--ey,0) * 9px) 18px -10px rgba(var(--accent-rgb,255, 255, 255), calc(.5 * var(--edge,0)));position:absolute;inset:0}.admin-kpi-xingtu>article[data-tilt=main]{--refl-max:1}.admin-kpi-xingtu>article[data-tilt=normal]{--refl-max:.78}.admin-kpi-xingtu>article[data-tilt=risk]{--refl-max:.5}.ts-chart{min-width:0}.ts-chart-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.ts-chart-cur{color:#9fe7de;font-variant-numeric:tabular-nums;white-space:nowrap;background:#53d6c61a;border:1px solid #53d6c647;border-radius:999px;padding:3px 10px;font-size:11px}.ts-chart-scale{color:var(--xt-t3);font-size:10px}.ts-legend{flex-wrap:wrap;gap:10px 18px;margin-bottom:6px;display:flex}.ts-lg{color:var(--xt-t2);align-items:center;gap:7px;font-size:11px;display:flex}.ts-glyph{flex:none;width:10px;height:10px;display:block}.ts-lg-name{color:var(--xt-t3);transition:color .15s var(--xt-ease)}.ts-lg.is-on .ts-lg-name{color:var(--xt-t1)}.ts-val{border:1px solid var(--xt-line);width:calc(3ch + 14px);color:var(--xt-t3);font-family:var(--xt-mono);font-variant-numeric:tabular-nums;transition:color .15s var(--xt-ease), border-color .15s var(--xt-ease), background .15s var(--xt-ease);background:#8ca5dc12;border-radius:6px;justify-content:flex-end;align-items:center;padding:2px 6px;font-size:11px;line-height:1.4;display:inline-flex}.ts-lg.is-on .ts-val{color:var(--xt-t1);border-color:var(--xt-line-strong);background:#8ca5dc1c}.ts-tk{flex:none;width:1ch;height:1.4em;display:inline-block;overflow:hidden}.ts-tk-col{transition:transform .22s cubic-bezier(.22,.61,.36,1);display:block}.ts-tk-col i{text-align:center;height:1.4em;font-style:normal;line-height:1.4em;display:block}.ts-scrub{border-radius:var(--xt-r-sm);touch-action:pan-y;outline:none;margin-top:4px;position:relative}.ts-scrub:focus-visible{box-shadow:0 0 0 2px #53d6c68c}.ts-scrub svg{width:100%;height:auto;display:block}.ts-bar{transition:opacity .15s var(--xt-ease), fill .15s var(--xt-ease)}.ts-day{transition:fill .15s var(--xt-ease)}.ts-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin-page-heading p{color:var(--xt-cyan)}.admin-pending-list>*{border-radius:var(--xt-r-sm)}.admin-pending-list>:first-child{border-color:var(--xt-cyan)}.admin-pending-list>:first-child b{color:var(--xt-cyan)}.admin-pending-list>:nth-child(2){border-color:var(--xt-red)}.admin-pending-list>:nth-child(2) b{color:var(--xt-red)}.admin-pending-list>:nth-child(3){border-color:var(--xt-purple)}.admin-pending-list>:nth-child(3) b{color:var(--xt-purple)}.admin-pending-list>:nth-child(4){border-color:var(--xt-gold)}.admin-pending-list>:nth-child(4) b{color:var(--xt-gold)}.admin-activity-list i{background:var(--xt-cyan)}@media (max-width:1360px){.admin-kpi-xingtu{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-kpi-xingtu>article:first-child,.admin-kpi-xingtu>article:nth-child(2),.admin-kpi-xingtu>article:nth-child(3),.admin-kpi-xingtu>article:nth-child(4),.admin-kpi-xingtu>article:nth-child(5),.admin-kpi-xingtu>article:nth-child(6){grid-column:span 2}.admin-kpi-xingtu>article:last-child{align-self:auto}}@media (max-width:820px){.admin-kpi-xingtu{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-kpi-xingtu>article:first-child,.admin-kpi-xingtu>article:nth-child(2),.admin-kpi-xingtu>article:nth-child(3),.admin-kpi-xingtu>article:nth-child(4),.admin-kpi-xingtu>article:nth-child(5),.admin-kpi-xingtu>article:nth-child(6){grid-column:span 1}}@media (max-width:560px){.admin-kpi-xingtu{grid-template-columns:1fr;gap:12px}.admin-kpi-xingtu>article:first-child,.admin-kpi-xingtu>article:nth-child(2),.admin-kpi-xingtu>article:nth-child(3),.admin-kpi-xingtu>article:nth-child(4),.admin-kpi-xingtu>article:nth-child(5),.admin-kpi-xingtu>article:nth-child(6){grid-column:auto}.admin-kpi-xingtu>article,.admin-kpi-xingtu>article:first-child{border-radius:var(--xt-r-md);padding:16px 17px}.ts-lg{font-size:10px}.ts-lg-name{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;overflow:hidden}.admin-skip-link{left:12px}}@media (prefers-reduced-motion:reduce){.admin-kpi-xingtu>article{transition:none}.admin-kpi-xingtu>article:hover{transform:none}.admin-kpi-xingtu .card-reflection,.ts-bar,.ts-day,.ts-lg-name,.ts-val,.ts-tk-col{transition:none}}.pronunciation-hero{max-width:700px;margin-bottom:32px}.pronunciation-hero h1{margin:10px 0;font-size:48px}.pronunciation-hero>p:last-child{color:#73786f;line-height:1.7}.accent-tabs{gap:8px;margin-bottom:28px;display:flex}.accent-tabs button{color:#656a62;background:0 0;border:1px solid #d4d7cb;padding:9px 18px}.accent-tabs button.active{color:#fff;background:#242920}.pronunciation-course-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.pronunciation-course-card{color:#eef1e7;border-top:3px solid var(--accent);background:#20251e;flex-direction:column;min-height:350px;padding:38px;display:flex}.pronunciation-course-card.american{background:#222724;border-color:#86aaa6}.cover-symbol{color:var(--accent);margin-bottom:36px;font:500 74px Georgia,serif}.american .cover-symbol{color:#9dc3bc}.pronunciation-course-card>small{letter-spacing:.18em;color:#919a8d}.pronunciation-course-card h2{margin:9px 0;font-size:30px}.pronunciation-course-card p{color:#b1b7ac;line-height:1.7}.pronunciation-course-card footer{border-top:1px solid #41483e;justify-content:space-between;margin-top:auto;padding-top:20px;font-size:12px;display:flex}.pronunciation-directory-head{position:relative}.pronunciation-directory-head .primary{position:absolute;bottom:0;right:0}.directory-progress{background:#dadcd2;width:min(560px,70%);height:3px;margin-top:24px}.directory-progress i{background:#84904f;height:100%;display:block}.phoneme-groups{gap:42px;display:grid}.phoneme-groups>section>div:first-child{margin-bottom:14px}.phoneme-groups h2{margin:4px 0;font-size:22px}.phoneme-list{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.phoneme-list>a{background:#fff;border:1px solid #dedfd7;grid-template-columns:1fr auto;align-items:start;min-height:122px;padding:17px;display:grid}.phoneme-list small{color:#969a90}.phoneme-list strong{font-weight:500}.phoneme-list>a>b{grid-column:1/3;margin:5px 0;font:500 32px Georgia,serif}.phoneme-list .status{color:#8b9187;font-size:10px}.phoneme-list .status.mastered{color:#718334}.phoneme-list .status.learning{color:#a07645}.phoneme-study{min-height:100vh;color:#eef1e8;background:#1b201a;min-height:100dvh;padding-bottom:76px}.phoneme-study>header{z-index:5;background:#1b201a;border-bottom:1px solid #343b32;align-items:center;gap:18px;height:82px;padding:0 4vw;display:flex;position:sticky;top:0}.phoneme-study>header button,.phoneme-study>header nav button{color:inherit;background:0 0;border:0;align-items:center;gap:6px;display:flex}.phoneme-study>header svg{width:17px}.phoneme-study>header>div{display:grid}.phoneme-study>header span{color:#9da597;margin-top:4px;font-size:11px}.phoneme-study>header nav{align-items:center;gap:20px;margin-left:auto;display:flex}.phoneme-study main{width:min(1060px,88vw);margin:42px auto 90px}.phoneme-intro{grid-template-columns:380px 1fr;gap:18px;display:grid}.phoneme-card,.articulation,.examples,.phoneme-details>div,.phoneme-practice,.repeat{background:#222820;border:1px solid #414a3f}.phoneme-card{place-items:center;min-height:390px;padding:34px;display:grid}.phoneme-card>small{letter-spacing:.2em;color:#8f998a}.phoneme-card>span{color:#b9c0b5}.phoneme-card>b{color:var(--accent);font:500 90px Georgia,serif}.phoneme-card button{color:#e8ece3;background:0 0;border:1px solid #596252;justify-content:center;align-items:center;gap:8px;width:170px;padding:10px;display:flex}.phoneme-card button svg{width:15px}.phoneme-card em{color:#899284;font-size:10px;font-style:normal}.articulation{padding:32px}.articulation h2,.examples h2,.phoneme-practice h2{margin:4px 0 22px}.articulation>div{border-top:1px solid #3c4439;grid-template-columns:42px 1fr;padding:17px 0;display:grid}.articulation>div>b{color:var(--accent)}.articulation>div span{font-size:14px;display:grid}.articulation>div small{color:#8e978a;margin-bottom:5px}.examples{margin-top:18px;padding:28px}.example-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.example-grid>button{color:#edf0e8;background:#1d221c;border:1px solid #444d41;justify-items:center;gap:7px;padding:20px;display:grid;position:relative}.example-grid>button>svg{color:#8f998b;width:14px;position:absolute;top:12px;right:12px}.example-grid strong{font-size:25px}.example-grid span{color:#aab2a5}.segments{gap:6px;margin:8px 0;display:flex}.segments b{border-bottom:2px solid #626b5d;padding:4px}.segments b.focus{color:var(--accent);border-color:var(--accent)}.example-grid small{color:#9ca498}.phoneme-details{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px;display:grid}.phoneme-details>div{min-height:210px;padding:24px}.phoneme-details h3{margin:4px 0 16px}.phoneme-details p:not(.eyebrow){color:#bcc2b8;font-size:12px;line-height:1.6}.spelling-row{gap:7px;display:flex}.spelling-row b{color:var(--accent);border:1px solid #68725e;padding:7px 12px}.contrast{grid-template-columns:1fr 25px 1fr;align-items:center;gap:7px;display:grid}.contrast button{color:#fff;background:#1d221c;border:1px solid #485044;padding:10px;font-size:20px}.contrast button small{color:#aab1a5;margin-top:4px;display:block}.contrast i{color:#777f75;font-size:9px}.contrast p{grid-column:1/4}.phoneme-practice{text-align:center;margin-top:18px;padding:28px}.phoneme-practice>div{justify-content:center;gap:10px;display:flex}.phoneme-practice>div button{color:#fff;background:#1b201a;border:1px solid #566051;min-width:150px;padding:14px}.phoneme-practice>div button.active{border-color:var(--accent);color:var(--accent)}.check-answer{background:var(--accent);color:var(--accent-contrast);border:0;margin-top:15px;padding:10px 24px}.phoneme-practice .correct{color:var(--accent)}.phoneme-practice .wrong{color:#e0a98e}.repeat{align-items:center;gap:17px;margin-top:18px;padding:18px 24px;display:flex}.repeat svg{color:var(--accent)}.repeat h3,.repeat p{margin:3px}.repeat p{color:#9ba397;font-size:12px}.lesson-message{text-align:center;color:var(--accent)}.phoneme-study>footer{background:#1b201a;border-top:1px solid #343b32;justify-content:center;align-items:center;gap:30px;height:76px;display:flex;position:fixed;bottom:0;left:0;right:0}.phoneme-study>footer button{color:#afb6aa;background:0 0;border:0;align-items:center;gap:7px;display:flex}.phoneme-study>footer button:nth-child(4){color:var(--accent)}.phoneme-study>footer svg{width:16px}.phoneme-study>footer button:disabled{opacity:.25}.phoneme-pause{z-index:10;background:#151914f2;place-content:center;justify-items:center;display:grid;position:fixed;inset:82px 0 76px}.phoneme-pause button{background:var(--accent);color:var(--accent-contrast);border:0;padding:11px 24px}@media (max-width:760px){.pronunciation-course-grid,.phoneme-intro,.phoneme-details{grid-template-columns:1fr}.phoneme-list{grid-template-columns:repeat(2,1fr)}.pronunciation-directory-head .primary{width:max-content;margin-top:20px;position:static}.example-grid{grid-template-columns:1fr}.phoneme-study main{width:92vw}.phoneme-study>footer{justify-content:space-around;gap:5px}.phoneme-study>footer button{font-size:0}.phoneme-study>footer svg{width:21px}.phoneme-card{min-height:330px}.pronunciation-course-grid{grid-template-columns:1fr}}.foundation-route,.minimal-pair-library{background:#f8f9f4;border:1px solid #d9ddd2;margin:34px 0;padding:28px}.foundation-route{grid-template-columns:270px 1fr;gap:34px;display:grid}.foundation-route h2,.minimal-pair-library h2{margin:4px 0 10px}.foundation-route>div>p:last-child{color:#70766d;line-height:1.7}.foundation-route ol{grid-template-columns:repeat(2,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.foundation-route li{background:#fff;border:1px solid #e0e2da;grid-template-columns:32px 1fr;padding:13px;display:grid}.foundation-route li small{color:#90978c}.foundation-route li span{color:#7b8178;grid-column:2;margin-top:5px;font-size:11px}.minimal-pair-library>div{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.minimal-pair-library article{background:#fff;border:1px solid #dfe1d9;gap:6px;padding:15px;display:grid}.minimal-pair-library article span{color:#72796f;font-size:12px}.phoneme-card button:disabled{opacity:.7;cursor:not-allowed}.phoneme-audio-notice{color:#c5ccbf;background:#252c23;border:1px solid #4a5346;margin:18px 0 0;padding:13px 18px;font-size:12px}.articulation-diagram{grid-template-columns:190px 1fr!important;gap:16px!important;padding:14px 0!important;display:grid!important}.articulation-diagram svg{background:#1b211a;border:1px solid #3e473b;width:100%}.articulation-diagram path{fill:none;stroke:#879183;stroke-width:3px}.articulation-diagram .tongue{stroke:var(--accent)}.articulation-diagram .air{stroke:#8db6ae;stroke-dasharray:7 6}.articulation-diagram .voice{fill:#333b31;stroke:#899284}.articulation-diagram .voice.on{fill:var(--accent)}.articulation-diagram>div{grid-template-columns:36px 1fr!important;gap:5px!important;display:grid!important}.articulation-diagram span{color:#8f998a;font-size:10px}.articulation-diagram b{color:#d8ddd3;font-size:11px;font-weight:400}@media (max-width:760px){.foundation-route,.foundation-route ol,.minimal-pair-library>div{grid-template-columns:1fr}.articulation-diagram{grid-template-columns:1fr!important}}.phoneme-study h2,.phoneme-study h3{color:#eef1e8}.phoneme-card .accent-note{color:#aeb7a9;text-align:center;max-width:290px;margin:0;font-size:11px;line-height:1.55}.phoneme-audio-review-status{color:#aeb7a9;text-align:center;margin:0;font-size:11px}.phoneme-audio-review-meta{box-sizing:border-box;color:#aeb7a9;border:1px solid #414a3f;gap:3px;width:100%;padding:10px 12px;font-size:10px;display:grid}.phoneme-audio-review-meta strong{color:#eef1e8}.phoneme-audio-review-meta span{overflow-wrap:anywhere}.phoneme-feedback{justify-content:flex-end;margin-top:18px;display:flex;position:relative}.phoneme-report-trigger{color:#aeb6aa;background:0 0;border:1px solid #4b5447;align-items:center;gap:8px;min-height:44px;padding:0 15px;display:inline-flex}.phoneme-report-trigger svg{width:15px}.phoneme-report-trigger:disabled{opacity:.5}.phoneme-report-panel{z-index:4;background:#252b23;border:1px solid #4b5447;width:min(390px,100%);padding:20px;position:absolute;bottom:52px;right:0;box-shadow:0 18px 48px #0007}.phoneme-report-panel>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.phoneme-report-panel h3{margin:4px 0 16px}.phoneme-report-panel header small{color:#929b8e;letter-spacing:.15em;font-size:9px}.phoneme-report-panel header button{color:#aeb6aa;background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;display:grid}.phoneme-report-panel header svg{width:17px}.phoneme-report-panel label{color:#adb5a9;gap:7px;margin-top:12px;font-size:11px;display:grid}.phoneme-report-panel select,.phoneme-report-panel textarea{box-sizing:border-box;color:#eef1e8;width:100%;min-height:44px;font:inherit;background:#1b201a;border:1px solid #4a5346;padding:10px 12px}.phoneme-report-panel textarea{resize:vertical;min-height:94px}.phoneme-feedback-count{color:#858e82;text-align:right;margin-top:6px;display:block}.phoneme-feedback-message{color:var(--accent);margin:10px 0 0;font-size:12px}.phoneme-feedback-message.error{color:#e0a98e}.phoneme-report-submit{background:var(--accent);width:100%;min-height:44px;color:var(--accent-contrast);border:0;margin-top:14px;font-weight:650}.phoneme-report-submit:disabled{opacity:.55}@media (max-width:430px){.phoneme-feedback{display:block}.phoneme-report-trigger{justify-content:center;width:100%}.phoneme-report-panel{width:100%;margin-top:10px;padding:17px;position:static}.phoneme-report-panel select,.phoneme-report-panel textarea{font-size:16px}}.pronunciation-skills a{min-height:40px;padding:var(--space-2,8px) var(--space-3,12px);border:1px solid var(--border,#d4d7cb);border-radius:var(--radius-pill,999px);color:var(--text-secondary,#656a62);background:var(--surface-card,#fff);align-items:center;display:inline-flex}.pronunciation-skills a:hover,.pronunciation-skills a:focus-visible{color:var(--text-primary,#20251e);border-color:var(--accent,#84904f)}.directory-progress-label{color:var(--text-secondary,#656a62);margin:18px 0 0;font-size:.875rem}.foundation-route ol>li{padding:0;display:block;overflow:hidden}.foundation-route li>a,.foundation-route li>div{box-sizing:border-box;min-height:100%;color:inherit;grid-template-columns:32px minmax(0,1fr) 18px;padding:13px;display:grid}.foundation-route li>a:hover,.foundation-route li>a:focus-visible{background:var(--surface-control,#f0f2ea)}.foundation-route li>a>svg{grid-area:1/3/4;align-self:center;width:16px}.foundation-capabilities{border:1px solid var(--border,#d9ddd2);background:var(--surface-subtle,#f8f9f4);border-radius:var(--radius-panel,14px);margin:34px 0;padding:28px;scroll-margin-top:24px}.foundation-capabilities>div:first-child>p:last-child{color:var(--text-secondary,#70766d)}.foundation-capabilities>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.foundation-capability{border:1px solid var(--border-subtle,#e0e2da);border-radius:var(--radius-control,10px);min-width:0;min-height:140px;color:var(--text-primary,#20251e);background:var(--surface-card,#fff);align-content:start;gap:7px;padding:17px;display:grid;position:relative}.foundation-capability:hover,.foundation-capability:focus-visible,.foundation-capability.active{border-color:var(--accent,#84904f);transform:translateY(-1px)}.foundation-capability.unavailable{opacity:.58;transform:none}.foundation-capability small{color:var(--text-success,#718334);font-size:.75rem}.foundation-capability b{font-size:1.05rem}.foundation-capability span{color:var(--text-secondary,#70766d);padding-right:20px;font-size:.8125rem;line-height:1.6}.foundation-capability svg{width:16px;position:absolute;bottom:13px;right:13px}.phoneme-group-head{justify-content:space-between;align-items:flex-end;gap:18px;display:flex!important}.phoneme-group-head h2{margin-bottom:0}.phoneme-group-progress{color:var(--text-secondary,#70766d);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 14px;font-size:.8125rem;display:flex}.phoneme-group-progress a{color:var(--accent,#718334);align-items:center;gap:4px;font-weight:650;display:inline-flex}.phoneme-group-progress svg{width:15px}.phoneme-learning-state{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.phoneme-learning-state span{border:1px solid var(--study-border,#414a3f);border-radius:var(--radius-pill,999px);color:var(--study-secondary,#b9c0b5);padding:5px 9px;font-size:.75rem}.phoneme-details>.phoneme-teacher-tips{grid-column:1/-1;min-height:0}.phoneme-teacher-tips small{border-top:1px solid var(--study-border,#414a3f);color:var(--study-muted,#9ca498);overflow-wrap:anywhere;margin-top:16px;padding-top:12px;font-size:.75rem;display:block}.practice-unavailable{border:1px solid var(--study-border,#566051);border-radius:var(--radius-control,10px);max-width:560px;color:var(--study-secondary,#bcc2b8);background:var(--study-control,#1b201a);margin:0 auto;padding:14px}#minimal-pairs{scroll-margin-top:24px}@media (max-width:900px){.foundation-capabilities>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.foundation-route li>a,.foundation-route li>div{grid-template-columns:1.5rem minmax(0,1fr) 1rem;padding:.75rem}.foundation-capabilities{margin:1.25rem 0;padding:1rem}.foundation-capabilities>div:last-child{grid-template-columns:minmax(0,1fr);gap:.65rem}.foundation-capability{min-height:0;padding:1rem}.phoneme-group-head{flex-direction:column;align-items:flex-start;gap:.4rem}.phoneme-group-progress{justify-content:space-between;width:100%}.phoneme-details>.phoneme-teacher-tips{grid-column:auto}.phoneme-learning-state{width:100%}}.minimal-pair-library .mp-library-hint{color:#70766d;margin:0 0 14px;font-size:13px;line-height:1.7}.minimal-pair-library .mp-access-button{margin:0 0 14px}.minimal-pair-library .mp-access-state{color:var(--text-secondary);margin:0 0 14px;font-size:13px}.minimal-pair-library .mp-card-head{gap:3px;display:grid}.minimal-pair-library .mp-card-head small{color:#8a9187;font-size:11px;line-height:1.5}.minimal-pair-library .mp-pairs{gap:8px;margin-top:4px;display:grid}.minimal-pair-library .mp-pair{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.minimal-pair-library .mp-word{text-align:left;cursor:pointer;min-width:120px;color:inherit;background:#f4f5ef;border:1px solid #dfe1d9;border-radius:10px;flex:1 1 0;gap:2px;padding:9px 11px;transition:border-color .15s,background .15s;display:grid}.minimal-pair-library .mp-word:hover{background:#eef0e7;border-color:#8b9585}.minimal-pair-library .mp-word-text{font-size:14px;font-weight:600}.minimal-pair-library .mp-word-ipa{color:#5b6358;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.minimal-pair-library .mp-word-zh{color:#8a9187;font-size:11px}.minimal-pair-library .mp-vs{letter-spacing:.08em;color:#9aa197;font-size:10px}.minimal-pair-library .mp-slow{cursor:pointer;color:#4a5346;background:#fff;border:1px solid #d3d7cc;border-radius:999px;align-items:center;gap:4px;padding:7px 10px;font-size:12px;display:inline-flex}.minimal-pair-library .mp-slow:hover{background:#f1f3ec;border-color:#8b9585}.minimal-pair-library .mp-slow svg{width:12px;height:12px}[data-theme] .minimal-pair-library .mp-word{background:var(--surface-subtle);border-color:var(--border-subtle);color:var(--text-primary)}[data-theme] .minimal-pair-library .mp-word:hover{border-color:var(--border-strong);background:var(--surface-card)}[data-theme] .minimal-pair-library .mp-word-ipa,[data-theme] .minimal-pair-library .mp-word-zh,[data-theme] .minimal-pair-library .mp-card-head small{color:var(--text-secondary)}[data-theme] .minimal-pair-library .mp-slow{background:var(--surface-card);border-color:var(--border-subtle);color:var(--text-primary)}@media (max-width:760px){.minimal-pair-library .mp-pair{flex-wrap:nowrap}.minimal-pair-library .mp-word{min-width:0}.minimal-pair-library .mp-slow{padding:7px 8px}.minimal-pair-library .mp-word-zh{display:none}}.path-onboarding,.path-result,.my-path,.stage-detail,.path-empty{max-width:1080px;margin:0 auto;padding:54px 42px 90px}.path-onboarding>header{text-align:center;max-width:680px;margin:auto}.path-onboarding h1,.path-result h1,.my-path h1,.stage-detail h1{margin:12px 0;font-size:clamp(32px,5vw,54px)}.goal-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin:42px 0;display:grid}.goal-grid button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:20px;align-items:center;gap:18px;min-height:112px;padding:24px;display:flex}.goal-grid button svg:first-child{background:#edf1df;border-radius:13px;width:44px;height:44px;padding:10px}.goal-grid button span{flex:1;gap:7px;display:grid}.goal-grid small,.pace-picker small{color:var(--muted)}.goal-grid .selected,.pace-picker button.selected{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);border-color:#889a48}.pace-picker{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:26px}.pace-picker>div{align-items:center;gap:14px;display:flex}.pace-picker>div:first-child span{display:grid}.pace-picker>div:last-child{margin-top:20px}.pace-picker button{border:1px solid var(--line);background:0 0;border-radius:14px;flex:1;padding:12px;display:grid}.path-onboarding>footer{justify-content:center;align-items:center;gap:20px;margin-top:28px;display:flex}.path-skip{color:var(--muted);background:0 0;border:0}.learner-profile-flow{max-width:940px}.learner-profile-progress{justify-content:center;gap:8px;margin:22px 0 12px;display:flex}.learner-profile-progress i{background:var(--border);border-radius:99px;width:38px;height:4px}.learner-profile-progress i.active{background:var(--accent);color:var(--accent-contrast)}.learner-target-grid{max-width:760px;margin-inline:auto}.learner-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:42px 0;display:grid}.learner-stage-grid button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:16px;align-items:center;gap:10px;min-height:86px;padding:18px;display:flex}.learner-stage-grid button svg{width:20px;color:var(--brand-muted)}.learner-stage-grid button svg:last-child{margin-left:auto}.learner-stage-grid button.selected{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);border-color:#889a48}.learner-profile-privacy{text-align:center;color:var(--muted);font-size:13px}.learner-profile-error{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border));max-width:640px;color:var(--danger);text-align:center;border-radius:12px;margin:18px auto;padding:12px 16px}.path-result{text-align:center;max-width:720px}.result-mark{background:var(--accent);width:64px;height:64px;color:var(--accent-contrast);border-radius:50%;place-items:center;margin:auto;display:grid}.result-facts{justify-content:center;gap:12px;margin:30px 0;display:flex}.result-facts span{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 24px;display:grid}.path-result article{text-align:left;color:#f4f5ef;background:#1b241d;border-radius:22px;margin:28px 0;padding:28px}.recommend-reason{color:var(--muted)}.my-path>header{justify-content:space-between;align-items:end;display:flex}.path-overall{text-align:right;display:grid}.path-overall b{font-size:32px}.today-path,.home-path-card{color:#f4f5ef;background:#1b241d;border-radius:24px;justify-content:space-between;align-items:center;margin:30px 0;padding:30px;display:flex}.today-path span,.today-path p,.today-path i{color:#aeb9ac}.today-path>div>div{gap:10px;margin-top:18px;display:flex}.today-path i{border:1px solid #405044;border-radius:12px;padding:10px 14px;font-style:normal;display:grid}.stage-list{gap:12px;display:grid}.stage-list>a{grid-template-columns:54px 1fr 24px;align-items:center;gap:18px;padding:22px;display:grid}.stage-list>a.current{border-color:#829047}.stage-list>a>span{background:#eef1e7;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.stage-list h3{margin:5px 0}.stage-list p{color:var(--muted);margin:0}.stage-detail{max-width:780px}.stage-progress,.stage-detail section{border:1px solid var(--line);border-radius:18px;margin:32px 0;padding:24px}.stage-actions{flex-wrap:wrap;gap:10px;display:flex}.stage-actions button{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 18px}.path-empty{text-align:center}.path-empty>svg{width:60px;height:60px}.home-path-card>div{gap:7px;display:grid}.home-path-card h2{margin:0}.home-path-card span{color:#aeb9ac}@media (max-width:600px){.path-onboarding,.path-result,.my-path,.stage-detail,.path-empty{padding:30px 18px 70px}.goal-grid,.learner-stage-grid{grid-template-columns:1fr;margin:26px 0}.learner-stage-grid button{min-height:70px}.goal-grid button{min-height:94px;padding:18px}.pace-picker>div:last-child{align-items:stretch}.pace-picker button{padding:10px 4px}.path-onboarding>footer,.my-path>header,.today-path,.home-path-card{flex-direction:column;align-items:stretch}.today-path>div>div{flex-wrap:wrap}.result-facts{gap:7px}.result-facts span{padding:10px}.stage-list>a{grid-template-columns:44px 1fr 18px;padding:16px}.stage-list p{font-size:13px}.stage-actions{display:grid}.stage-actions>*{width:100%}}.beta-page{width:min(1240px,100% - 64px);color:var(--text-primary);margin:0 auto;padding:52px 0 88px}.beta-dev-page{width:min(1380px,100% - 56px)}.beta-page *,.beta-page :before,.beta-page :after{box-sizing:border-box}.beta-page-header{justify-content:space-between;align-items:flex-end;gap:32px;margin:34px 0;display:flex}.beta-page-header>div:first-child{max-width:760px}.beta-page-header h1{letter-spacing:-.045em;margin:5px 0 10px;font-size:clamp(32px,4.2vw,58px);line-height:1.08}.beta-page-header>div>p:last-child{max-width:700px;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.8}.beta-eyebrow{color:var(--brand-muted);letter-spacing:.16em;margin:0;font-size:11px;font-weight:700}.beta-header-actions,.beta-export-actions,.beta-form-actions,.beta-status-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.beta-dev-nav{z-index:6;border:1px solid var(--border);background:color-mix(in srgb, var(--surface-card) 92%, transparent);width:fit-content;max-width:100%;box-shadow:var(--shadow-hover);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;gap:4px;padding:5px;display:flex;position:sticky;top:12px;overflow-x:auto}.beta-dev-nav a{min-height:39px;color:var(--text-secondary);border-radius:10px;flex:none;align-items:center;gap:7px;padding:0 13px;font-size:13px;text-decoration:none;display:inline-flex}.beta-dev-nav a:hover,.beta-dev-nav a.active{background:var(--surface-subtle);color:var(--text-primary)}.beta-button{border-radius:var(--radius-control);min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:13px;font-weight:650;line-height:1;text-decoration:none;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.beta-button:hover{transform:translateY(-1px)}.beta-button:disabled{cursor:wait;opacity:.55;transform:none}.beta-button-primary{background:var(--brand);color:#fff}.beta-button-secondary{border-color:var(--border);background:var(--surface-card);color:var(--text-primary)}.beta-text-button,.beta-icon-button{min-height:36px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;font-size:12px;display:inline-flex}.beta-text-button:hover{color:var(--text-primary)}.beta-icon-button{border:1px solid var(--border);border-radius:10px;width:38px}.beta-icon-button:hover{border-color:var(--danger);color:var(--danger)}.beta-identity-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.72fr);align-items:stretch;gap:22px;display:grid}.beta-identity-card,.beta-privacy-card,.beta-section,.beta-compact-panel,.beta-item-preview{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-card)}.beta-identity-card{min-height:510px;padding:clamp(28px,5vw,64px)}.beta-identity-card .state-card{min-height:380px}.beta-privacy-card{background:var(--surface-subtle);padding:35px 30px}.beta-privacy-card>svg{color:var(--brand-muted)}.beta-privacy-card h2{margin:22px 0 17px;font-size:20px}.beta-privacy-card ul{gap:13px;margin:0 0 28px;padding:0;list-style:none;display:grid}.beta-privacy-card li{color:var(--text-secondary);padding-left:18px;font-size:13px;line-height:1.6;position:relative}.beta-privacy-card li:before{background:var(--success);content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:0}.beta-privacy-card small{color:var(--text-muted);line-height:1.7}.beta-form{gap:22px;max-width:520px;display:grid}.beta-form h2,.beta-identity-ready h2{letter-spacing:-.035em;margin:8px 0;font-size:clamp(26px,4vw,38px)}.beta-form>div>p:last-child{color:var(--text-secondary);margin:0;line-height:1.7}.beta-form label,.beta-create-form label,.beta-filter-bar label,.beta-resolution-form label{color:var(--text-secondary);gap:8px;font-size:12px;font-weight:600;display:grid}.beta-page input,.beta-page select,.beta-page textarea{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-page);width:100%;min-height:45px;color:var(--text-primary);font:inherit;outline:none;padding:10px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.beta-page textarea{resize:vertical;min-height:108px;line-height:1.6}.beta-page input:focus,.beta-page select:focus,.beta-page textarea:focus{border-color:var(--brand-muted);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-muted) 13%, transparent)}.beta-identity-ready{flex-direction:column;align-items:flex-start;max-width:600px;display:flex}.beta-identity-ready>svg{color:var(--success);margin-bottom:20px}.beta-identity-ready>strong{margin:12px 0 25px;font-size:19px}.beta-identity-ready>.beta-text-button{margin-top:18px}.beta-notice{border:1px solid var(--border);background:var(--surface-subtle);min-height:48px;color:var(--text-secondary);border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-size:13px;display:flex}.beta-notice .beta-text-button{margin-left:auto}.beta-notice-error{border-color:color-mix(in srgb, var(--danger) 34%, var(--border));color:var(--danger)}.beta-notice-success{border-color:color-mix(in srgb, var(--success) 36%, var(--border));color:var(--success)}.beta-metric-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin-bottom:22px;padding-bottom:3px;display:grid}.beta-metric-card{border:1px solid var(--border);background:var(--surface-card);border-radius:15px;flex-direction:column;min-height:125px;padding:18px 16px;display:flex}.beta-metric-card>span{min-height:30px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.beta-metric-card strong{letter-spacing:-.04em;white-space:nowrap;margin-top:auto;font-size:clamp(20px,2.4vw,29px);font-weight:630}.beta-metric-card small{color:var(--text-muted);margin-top:5px}.beta-metric-card.is-warning{border-color:color-mix(in srgb, var(--warning) 48%, var(--border));background:color-mix(in srgb, var(--warning) 5%, var(--surface-card))}.beta-section{margin-bottom:22px;padding:clamp(20px,3vw,30px)}.beta-section-heading{justify-content:space-between;gap:20px;margin-bottom:22px;display:flex}.beta-section-heading h2{letter-spacing:-.02em;margin:0;font-size:19px}.beta-section-heading p{color:var(--text-muted);margin:6px 0 0;font-size:12px}.beta-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.beta-dashboard-grid .beta-section{min-width:0}.beta-dashboard-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.beta-funnel{gap:7px;margin:0;padding:0;list-style:none;display:grid}.beta-funnel li{background:var(--surface-subtle);border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:13px;min-height:46px;padding:0 13px;display:grid}.beta-funnel span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.beta-funnel strong{font-size:17px}.beta-funnel small{min-width:44px;color:var(--text-muted);text-align:right}.beta-detail-list{width:100%;margin:0;display:grid}.beta-detail-list>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(110px,.72fr) minmax(0,1.4fr);gap:18px;padding:13px 0;display:grid}.beta-detail-list>div:last-child{border-bottom:0}.beta-detail-list dt{color:var(--text-muted);font-size:12px}.beta-detail-list dd{overflow-wrap:anywhere;min-width:0;color:var(--text-primary);margin:0;font-size:13px}.beta-detail-list a{color:inherit}.beta-first-session{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.beta-compact-panel{min-width:0;padding:22px}.beta-compact-panel h3{margin:0 0 16px;font-size:15px}.beta-rank-list{gap:7px;display:grid}.beta-rank-row{color:inherit;border-radius:10px;grid-template-columns:23px minmax(0,1fr);gap:3px 9px;padding:10px;text-decoration:none;display:grid}.beta-rank-row:hover{background:var(--surface-subtle)}.beta-rank-row>b{color:var(--text-muted);grid-row:1/3;font-size:11px}.beta-rank-row>span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.beta-rank-row>small{color:var(--text-muted)}.beta-inline-empty{color:var(--text-muted);margin:18px 0;font-size:13px}.beta-create-form{align-items:end;gap:12px;display:flex}.beta-create-form label{min-width:160px}.beta-create-form .beta-grow{flex:1}.beta-search{max-width:390px;margin-bottom:18px}.beta-table-wrap{width:100%;overflow-x:auto}.beta-table{border-collapse:collapse;width:100%;font-size:12px}.beta-table th{border-bottom:1px solid var(--border);color:var(--text-muted);letter-spacing:.05em;text-align:left;white-space:nowrap;padding:11px 10px;font-size:10px}.beta-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;padding:14px 10px}.beta-table tr:last-child td{border-bottom:0}.beta-table tbody tr:hover{background:var(--surface-subtle)}.beta-table-primary{color:var(--text-primary);flex-direction:column;gap:3px;font-weight:650;text-decoration:none;display:flex}.beta-table-primary small{color:var(--text-muted);font-weight:400}.beta-table-action{width:42px}.beta-pill{border:1px solid var(--border);background:var(--surface-subtle);min-height:25px;color:var(--text-secondary);letter-spacing:.06em;white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-size:9px;font-weight:750;display:inline-flex}.beta-pill-active,.beta-pill-valid,.beta-pill-fixed{border-color:color-mix(in srgb, var(--success) 40%, var(--border));color:var(--success)}.beta-pill-new,.beta-pill-triaged{border-color:color-mix(in srgb, var(--warning) 42%, var(--border));color:var(--warning)}.beta-pill-invalid,.beta-pill-wont-fix,.beta-pill-paused,.beta-pill-exited{color:var(--text-muted)}.beta-pill-attention{border-color:color-mix(in srgb, var(--danger) 50%, var(--border));background:color-mix(in srgb, var(--danger) 8%, var(--surface-card));color:var(--danger)}.beta-bar-list{gap:17px;display:grid}.beta-bar-list>div{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding-bottom:10px;display:grid;position:relative;overflow:hidden}.beta-bar-list span,.beta-bar-list b{font-size:12px}.beta-bar-list b{color:var(--text-secondary)}.beta-bar-list i{background:var(--brand-highlight);border-radius:3px;width:0;max-width:100%;height:3px;position:absolute;bottom:0;left:0}.beta-list-cards{gap:8px;display:grid}.beta-list-cards a{background:var(--surface-subtle);color:var(--text-primary);border-radius:10px;justify-content:space-between;gap:18px;padding:12px;font-size:12px;text-decoration:none;display:flex}.beta-list-cards small{color:var(--text-muted);flex:none}.beta-filter-bar{grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;display:grid}.beta-feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.beta-feedback-card{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-card);min-height:190px;color:inherit;flex-direction:column;padding:22px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.beta-feedback-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.beta-feedback-card>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.beta-feedback-type{color:var(--brand-muted);letter-spacing:.04em;font-size:11px;font-weight:700}.beta-feedback-card h3{text-overflow:ellipsis;white-space:nowrap;margin:24px 0 7px;font-size:17px;overflow:hidden}.beta-feedback-card p{color:var(--text-muted);margin:0;font-size:12px}.beta-feedback-card footer{color:var(--text-secondary);justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;font-size:11px;display:flex}.beta-feedback-card time{color:var(--text-muted)}.beta-report-list{gap:10px;display:grid}.beta-report-list article{background:var(--surface-subtle);border-radius:12px;padding:16px}.beta-report-list header{justify-content:space-between;gap:15px;font-size:11px;display:flex}.beta-report-list time,.beta-report-list small{color:var(--text-muted)}.beta-report-list p{color:var(--text-secondary);white-space:pre-wrap;margin:14px 0;font-size:13px;line-height:1.65}.beta-resolution-form{gap:16px;max-width:720px;display:grid}.beta-resolution-form .beta-button{justify-self:start}.beta-item-preview{margin-bottom:20px;padding:clamp(24px,4vw,42px)}.beta-item-preview>div{color:var(--text-muted);justify-content:space-between;gap:18px;font-size:11px;display:flex}.beta-item-preview h2{letter-spacing:-.04em;margin:34px 0 9px;font-size:clamp(25px,4vw,42px)}.beta-item-preview p{color:var(--text-secondary);margin:0;font-size:16px}.beta-item-preview code{color:var(--brand-muted);margin-top:13px;display:block}.beta-feedback-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.beta-feedback-breakdown>div{background:var(--surface-subtle);border-radius:11px;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:14px;display:grid}.beta-feedback-breakdown span{font-size:12px}.beta-feedback-breakdown b{font-size:17px}.beta-feedback-breakdown small{color:var(--text-muted);grid-column:1/-1}@media (max-width:1050px){.beta-dashboard-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.beta-filter-bar{grid-template-columns:repeat(3,minmax(150px,1fr))}.beta-create-form{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.beta-create-form .beta-grow{grid-column:1/-1}.beta-create-form .beta-button{justify-self:start}}@media (max-width:760px){.beta-page,.beta-dev-page{width:calc(100% - 30px);padding:25px 0 96px}.beta-dev-nav{width:100%;top:8px}.beta-page-header{margin:28px 0 24px;display:block}.beta-page-header h1{font-size:34px}.beta-header-actions{margin-top:18px}.beta-identity-layout,.beta-dashboard-grid,.beta-dashboard-grid-three,.beta-feedback-grid{grid-template-columns:1fr}.beta-identity-card{min-height:0;padding:28px 22px}.beta-privacy-card{padding:26px 22px}.beta-metric-grid{grid-template-columns:repeat(2,minmax(136px,1fr));overflow:visible}.beta-metric-card{min-height:112px}.beta-filter-bar,.beta-create-form{grid-template-columns:repeat(2,minmax(0,1fr))}.beta-first-session,.beta-feedback-breakdown{grid-template-columns:1fr}.beta-table,.beta-table tbody,.beta-table tr,.beta-table td{width:100%;display:block}.beta-table thead{display:none}.beta-table tbody{gap:12px;display:grid}.beta-table tr{border:1px solid var(--border);background:var(--surface-card);border-radius:14px;padding:8px 14px}.beta-table td{white-space:normal;text-align:right;border:0;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.beta-table td:before{color:var(--text-muted);content:attr(data-label);flex:none;font-size:10px}.beta-table td:first-child{align-items:flex-start;padding-top:12px}.beta-table td:first-child:before{padding-top:2px}.beta-table .beta-table-primary{align-items:flex-end}.beta-table-action{justify-content:flex-end!important}.beta-table-action:before{content:"删除"!important}}@media (max-width:430px){.beta-page,.beta-dev-page{width:calc(100% - 24px)}.beta-dev-nav a{min-height:44px;padding:0 11px}.beta-dev-nav a svg{display:none}.beta-page-header h1{font-size:30px}.beta-page input,.beta-page select,.beta-page textarea{min-height:48px;font-size:16px}.beta-button{width:100%;min-height:48px}.beta-header-actions,.beta-export-actions,.beta-form-actions{width:100%}.beta-header-actions>*,.beta-export-actions>*,.beta-form-actions>*{flex:1}.beta-metric-grid{gap:8px}.beta-metric-card{min-height:104px;padding:14px}.beta-metric-card strong{font-size:22px}.beta-section{padding:19px 16px}.beta-filter-bar,.beta-create-form{grid-template-columns:1fr}.beta-create-form .beta-grow{grid-column:auto}.beta-create-form .beta-button,.beta-resolution-form .beta-button{justify-self:stretch}.beta-funnel li{grid-template-columns:minmax(0,1fr) auto}.beta-funnel small{display:none}.beta-detail-list>div{grid-template-columns:96px minmax(0,1fr);gap:12px}.beta-feedback-card{min-height:180px;padding:18px}.beta-feedback-card footer{flex-direction:column;align-items:flex-end}.beta-item-preview>div{flex-direction:column;gap:4px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);font-synthesis:none;--font-sans:Inter, "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", system-ui, -apple-system, sans-serif;--font-display:Georgia, "Source Han Serif SC", "Songti SC", "Times New Roman", serif;--font-ipa:"Segoe UI", "Arial Unicode MS", "Noto Sans", sans-serif;--type-display:clamp(2.5rem, 5vw, 4.5rem);--type-h1:clamp(2.1rem, 4vw, 3.25rem);--type-h2:clamp(1.5rem, 2.6vw, 2rem);--type-h3:1.125rem;--type-body-lg:1.0625rem;--type-body:1rem;--type-body-sm:.875rem;--type-caption:.75rem;--type-label:.875rem;--type-learning-en:clamp(1.75rem, 4vw, 2.75rem);--type-ipa:1.0625rem;--line-display:1.12;--line-heading:1.2;--line-ui:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-7:1.125rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--border-width:1px;--shadow-hover:0 4px 20px #2026300d;--shadow-overlay:0 20px 60px #20263024;--motion-fast:.12s;--motion-base:.18s;--motion-slow:.24s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--layout-page-max:1180px;--layout-reading-max:760px;--layout-study-max:880px;--layout-sidebar:224px;--page-gutter:clamp(24px, 5vw, 72px);--brand:#263142;--brand-highlight:#42638d;--brand-highlight-hover:#365479;--brand-muted:#646d78;--accent:var(--user-accent,#42638d);--accent-contrast:#fff;--success:#5f966f;--danger:#b9665f;--warning:#ad8448;--info:#557f88;--locked:#89918b;--course-foundation:#9dae83;--course-speaking:#c98e79;--course-travel:#75a6a2;--course-work:#7e91a5;--course-pronunciation:#b7cb62;--course-vocabulary:#bca16c;--radius-tag:var(--radius-sm);--radius-control:var(--radius-md);--radius-panel:var(--radius-lg);--shadow-float:var(--shadow-overlay);--content-max:var(--layout-page-max);--button-min-height:var(--control-min,44px);--button-padding-inline:var(--space-4);--button-radius:var(--radius-md);--button-font-size:var(--type-label);--button-font-weight:650;--button-gap:9px;--button-icon-size:17px;--card-bg:var(--surface-card);--card-border-color:var(--border-subtle);--card-radius:var(--radius-md);--card-shadow:none;--card-padding:var(--space-4)}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-page:#f6f7f9;--surface-subtle:#f1f3f6;--surface-card:#fff;--surface-elevated:#fff;--surface-tint:#f1f3f6;--surface-control:#eef1f5;--surface-input:#fff;--surface-navigation:#fff;--surface-overlay:#2026306b;--text-primary:#202630;--text-secondary:#505966;--text-muted:#646d78;--text-disabled:#929aa5;--text-on-accent:#fff;--text-success:#3f7450;--text-danger:#9d504a;--text-warning:#8b672f;--border:#8c959f;--border-subtle:#e2e6eb;--selection-surface:var(--brand-highlight);--selection-text:#fff;--on-brand-primary:#fff;--on-brand-secondary:#d5dce5;--study-page:#15231f;--study-subtle:#192a25;--study-card:#1d302a;--study-elevated:#263b34;--study-control:#1b2d28;--study-input:#172823;--study-text:#f2f5f1;--study-secondary:#c4d0c9;--study-muted:#9faea6;--study-disabled:#6f8178;--study-border:#3a5147;--surface:var(--surface-card);--line:var(--border-subtle);--muted:var(--text-secondary)}:root[data-ui-theme][data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand:#202329;--brand-highlight:#9bb8db;--brand-highlight-hover:#b0c8e6;--brand-muted:#adb5c0;--accent:var(--user-accent,#9bb8db);--accent-contrast:#141920;--success:#8db79d;--danger:#d89895;--warning:#cbb18a;--info:#9bb8db;--surface-page:#121315;--surface-subtle:#17191c;--surface-card:#1c1e22;--surface-elevated:#25282d;--surface-tint:#24272c;--surface-control:#25282d;--surface-input:#15171a;--surface-navigation:#151719;--surface-overlay:#000000a3;--text-primary:#e5e7eb;--text-secondary:#b5bbc4;--text-muted:#a0a7b1;--text-disabled:#6f7680;--text-on-accent:#141920;--text-success:#9bc3a9;--text-danger:#e5aaa5;--text-warning:#d7bd98;--border:#484d55;--border-subtle:#30343a;--selection-surface:var(--brand-highlight);--selection-text:var(--accent-contrast);--on-brand-primary:var(--text-primary);--on-brand-secondary:var(--text-secondary);--shadow-hover:0 8px 24px #0003;--shadow-overlay:0 24px 64px #0000007a;--surface:var(--surface-card);--line:var(--border-subtle);--muted:var(--text-secondary)}:root[data-ui-theme]{--study-page:var(--surface-page);--study-subtle:var(--surface-subtle);--study-card:var(--surface-card);--study-elevated:var(--surface-elevated);--study-control:var(--surface-control);--study-input:var(--surface-input);--study-text:var(--text-primary);--study-secondary:var(--text-secondary);--study-muted:var(--text-muted);--study-disabled:var(--text-disabled);--study-border:var(--border);--control-min:44px;--learning-font:var(--font-sans);--reading-line:1.65}:root[data-ui-theme=warm]{--radius-md:20px;--radius-lg:30px}:root[data-ui-theme=warm][data-theme=light]{--brand-highlight:#886047;--brand-highlight-hover:#76523c;--accent:var(--user-accent,#886047)}:root[data-ui-theme=warm][data-theme=dark]{--brand-highlight:#d0b78f;--brand-highlight-hover:#dec9a8;--accent:var(--user-accent,#d0b78f)}:root[data-ui-theme=playful]{--radius-md:18px;--radius-lg:26px}:root[data-ui-theme=playful][data-theme=light]{--brand-highlight:#725995;--brand-highlight-hover:#604a80;--accent:var(--user-accent,#725995)}:root[data-ui-theme=playful][data-theme=dark]{--brand-highlight:#b1a5d4;--brand-highlight-hover:#c4b9e1;--accent:var(--user-accent,#b1a5d4)}html[data-reading-preset=standard],html[data-reading-preset=youth]{font-size:16px}:root[data-reading-preset=child]{--control-min:48px;--reading-line:1.8;font-size:18px}:root[data-reading-preset=senior]{--control-min:52px;--reading-line:1.85;font-size:20px}:root[data-answer-font=rounded],:root[data-answer-font=rounded-cn]{--learning-font:"Arial Rounded MT Bold", "Microsoft YaHei", sans-serif}:root[data-answer-font=western],:root[data-answer-font=reading]{--learning-font:Georgia, "Source Han Serif SC", serif}[data-theme] .shell>aside nav a:hover,[data-theme] .shell>aside nav a.active{background:var(--surface-control);color:var(--text-primary)}[data-theme] .category-tabs button{isolation:isolate;min-height:42px;color:var(--text-secondary);background:0 0;position:relative}[data-theme] .category-tabs button:hover{color:var(--text-primary);background:var(--surface-control)}[data-theme] .category-tabs button.active,[data-theme] .category-tabs button.active:hover{z-index:1;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--selection-text) 13%, transparent);color:var(--selection-text)!important;background:var(--selection-surface)!important}[data-theme] .category-tabs button.active:before,[data-theme] .category-tabs button.active:after{z-index:-1;pointer-events:none}[data-theme] .page-heading>p:last-child,[data-theme] .home-intro>p:last-child,[data-theme] .detail-intro p:last-child,[data-theme] .unit-catalog article p,[data-theme] .building-notice p:last-child,[data-theme] .course-card-body>p,[data-theme] .mini-course p,[data-theme] .review-panel p,[data-theme] .data-list p{color:var(--text-secondary)}[data-theme] .section-head>span,[data-theme] .course-facts,[data-theme] .course-card-body footer,[data-theme] .course-label span,[data-theme] .unit-catalog>article>span,[data-theme] .unit-catalog article footer b{color:var(--text-muted)}[data-theme] .unit-actions a{color:var(--text-primary);border-color:var(--border)}[data-theme] .unit-actions a:hover{color:var(--selection-text);background:var(--selection-surface)}[data-theme] .daily-hero,[data-theme] .course-detail-hero{color:var(--on-brand-primary);background:var(--brand)}[data-theme] .daily-copy>span,[data-theme] .daily-copy>p,[data-theme] .course-detail-hero .back,[data-theme] .course-detail-hero h2,[data-theme] .course-detail-hero>div:first-child>p:not(.eyebrow),[data-theme] .course-detail-hero .tag-row span,[data-theme] .detail-facts span,[data-theme] .course-detail-hero>.course-visual>small{color:var(--on-brand-secondary)}[data-theme] .detail-facts b,[data-theme] .course-detail-hero h1{color:var(--on-brand-primary)}[data-theme] .course-detail-hero .tag-row span{border-color:color-mix(in srgb, var(--on-brand-secondary) 48%, transparent);background:color-mix(in srgb, var(--on-brand-primary) 10%, transparent)}[data-theme] .pronunciation-hero>p:last-child,[data-theme] .foundation-route>div>p:last-child,[data-theme] .minimal-pair-library article span{color:var(--text-secondary)}[data-theme] .accent-tabs button{min-height:42px;color:var(--text-secondary);border-color:var(--border);background:0 0}[data-theme] .accent-tabs button:hover{color:var(--text-primary);background:var(--surface-control)}[data-theme] .accent-tabs button.active{color:var(--selection-text);background:var(--selection-surface);border-color:var(--selection-surface)}[data-theme] .directory-progress{background:var(--surface-control)}[data-theme] .phoneme-list>a,[data-theme] .foundation-route li,[data-theme] .minimal-pair-library article{color:var(--text-primary);background:var(--surface-card);border-color:var(--border-subtle)}[data-theme] .phoneme-list small,[data-theme] .phoneme-list .status,[data-theme] .foundation-route li small,[data-theme] .foundation-route li span{color:var(--text-muted)}[data-theme] .phoneme-list>a>b,[data-theme] .phoneme-list strong,[data-theme] .foundation-route strong{color:var(--text-primary)}[data-theme] .foundation-route,[data-theme] .minimal-pair-library{color:var(--text-primary);background:var(--surface-subtle);border-color:var(--border)}[data-theme] .pronunciation-course-card,[data-theme] .pronunciation-entry{color:var(--on-brand-primary);background:linear-gradient(145deg, var(--brand), color-mix(in srgb, var(--brand) 76%, #236057))}[data-theme] .pronunciation-course-card.american{background:linear-gradient(145deg, var(--brand), color-mix(in srgb, var(--brand) 72%, #285f67))}[data-theme] .pronunciation-course-card>small,[data-theme] .pronunciation-course-card p,[data-theme] .pronunciation-entry p:last-child,[data-theme] .pronunciation-entry>div:first-child small{color:var(--on-brand-secondary)}[data-theme] .phoneme-study,[data-theme] .phoneme-study main{color:var(--study-text)}[data-theme] .phoneme-study>header{color:var(--study-text);background:var(--study-subtle);border-color:var(--study-border)}[data-theme] .phoneme-study>footer{background:var(--study-control);border-color:var(--study-border)}[data-theme] .phoneme-card,[data-theme] .articulation,[data-theme] .examples,[data-theme] .phoneme-details>div,[data-theme] .phoneme-practice,[data-theme] .repeat{color:var(--study-text);background:var(--study-card);border-color:var(--study-border)}[data-theme] .example-grid>button,[data-theme] .contrast button,[data-theme] .phoneme-practice>div button,[data-theme] .articulation-diagram svg{color:var(--study-text);background:var(--study-control);border-color:var(--study-border)}[data-theme] .phoneme-study h2,[data-theme] .phoneme-study h3,[data-theme] .example-grid strong,[data-theme] .articulation-diagram b{color:var(--study-text)}[data-theme] .phoneme-study>header span,[data-theme] .phoneme-card>small,[data-theme] .phoneme-card>span,[data-theme] .phoneme-card em,[data-theme] .phoneme-card .accent-note,[data-theme] .articulation>div small,[data-theme] .example-grid span,[data-theme] .example-grid small,[data-theme] .phoneme-details p:not(.eyebrow),[data-theme] .contrast button small,[data-theme] .repeat p,[data-theme] .phoneme-study>footer button,[data-theme] .articulation-diagram span{color:var(--study-muted)}[data-theme] .phoneme-card button,[data-theme] .phoneme-report-trigger{color:var(--study-text);border-color:var(--study-border)}[data-theme] .phoneme-report-panel{color:var(--study-text);background:var(--study-elevated);border-color:var(--study-border)}[data-theme] .phoneme-report-panel select,[data-theme] .phoneme-report-panel textarea{color:var(--study-text);background:var(--study-input);border-color:var(--study-border)}[data-theme] .goal-grid button,[data-theme] .pace-picker,[data-theme] .stage-progress,[data-theme] .stage-detail section,[data-theme] .stage-actions button,[data-theme] .settings-path-entry{color:var(--text-primary);background:var(--surface-card);border-color:var(--border-subtle)}[data-theme] .goal-grid button svg:first-child,[data-theme] .stage-list>a>span{color:var(--text-primary);background:var(--surface-control)}[data-theme] .goal-grid small,[data-theme] .pace-picker small,[data-theme] .stage-list p,[data-theme] .recommend-reason,[data-theme] .settings-path-entry small{color:var(--text-secondary)}[data-theme] .goal-grid .selected,[data-theme] .pace-picker button.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}[data-theme] .path-result article,[data-theme] .today-path,[data-theme] .home-path-card{color:var(--on-brand-primary);background:var(--brand)}[data-theme] .today-path span,[data-theme] .today-path p,[data-theme] .today-path i,[data-theme] .home-path-card span{color:var(--on-brand-secondary)}[data-theme] .settings-center,[data-theme] .settings-panel{color:var(--text-primary)}[data-theme] .settings-search{background:var(--surface-card);border-color:var(--border-subtle)}[data-theme] .settings-heading p,[data-theme] .setting-row small,[data-theme] .settings-tabs button,[data-theme] .range-control output,[data-theme] .voice-profiles span,[data-theme] .provider-status{color:var(--text-secondary)}[data-theme] .settings-tabs button.active{color:var(--text-primary)}[data-theme] .setting-control select,[data-theme] .sound-card select,[data-theme] .wave-setting select,[data-theme] kbd{color:var(--text-primary);background:var(--surface-input);border-color:var(--border)}[data-theme] .provider-status.ready{color:var(--text-primary);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, var(--surface-card))}[data-theme] .study-header,[data-theme] .navigation-bar,[data-theme] .learn-actions{color:var(--study-text);background:var(--study-control);border-color:var(--study-border)}[data-theme] .lesson-identity strong,[data-theme] .learn-body h1,[data-theme] .sentence-display>button,[data-theme] .sentence-display>p{color:var(--study-text)}[data-theme] .lesson-identity span,[data-theme] .assist-bar,[data-theme] .study-tools button,[data-theme] .assist-bar button,[data-theme] .learn-actions button,[data-theme] .sentence-display>button small,[data-theme] .sentence-ipa,[data-theme] .answer-label{color:var(--study-muted)}[data-theme] .assist-bar{border-color:var(--study-border)}[data-theme] .study-tools button:hover,[data-theme] .study-tools button.active,[data-theme] .assist-bar button:hover,[data-theme] .assist-bar button.active{color:var(--study-text);background:var(--study-elevated)}[data-theme] .display-trigger{color:var(--study-text);background:var(--study-control);border-color:var(--study-border)}[data-theme] .display-panel,[data-theme] .word-card{color:var(--text-primary);background:var(--surface-elevated);border-color:var(--border)}[data-theme] .display-panel small,[data-theme] .word-ipa,[data-theme] .word-card dt{color:var(--text-secondary)}[data-theme] .mode-panel>button,[data-theme] .report-panel select,[data-theme] .report-panel textarea,[data-theme] .word-audio button,[data-theme] .word-save,[data-theme] .voice-settings>section,[data-theme] .accent-switch button,[data-theme] .selected-voice button,[data-theme] .voice-list>button{color:var(--text-primary);background:var(--surface-card);border-color:var(--border)}[data-theme] .mode-panel>button.selected,[data-theme] .accent-switch button.active,[data-theme] .voice-list>button.active{color:var(--selection-text);background:var(--selection-surface);border-color:var(--selection-surface)}[data-theme] .answer-composer,[data-theme] .answer-slots{color:var(--study-text)}[data-theme] .answer-composer input,[data-theme] .answer-composer textarea{color:var(--study-text);background:var(--study-input);border-color:var(--study-border)}[data-theme] .word-slot{color:var(--study-muted);border-color:var(--study-border)}[data-theme] .word-slot.filled{color:var(--study-text);border-color:color-mix(in srgb, var(--study-text) 58%, var(--study-border))}[data-theme] .word-slot.empty b,[data-theme] .word-slot i{color:var(--study-muted)}[data-theme] .word-slot.active,[data-theme] .answer-slots:focus-within .answer-label{color:var(--accent);border-color:var(--accent)}[data-theme] .annotation-board{color:var(--study-text);background:var(--study-card);border-color:var(--study-border)}[data-theme] .token-grid>button,[data-theme] .phrase-row button{color:var(--study-text);background:var(--study-control);border-color:var(--study-border)}[data-theme] .token-grid span,[data-theme] .token-grid .role,[data-theme] .phrase-row span,[data-theme] .sentence-structure span{color:var(--study-muted)}[data-theme] .course-reading-complete{color:var(--text-primary);background:color-mix(in srgb, var(--surface-page) 96%, transparent)}@media (max-width:760px){[data-theme] .category-tabs button,[data-theme] .accent-tabs button{min-height:44px}}*{box-sizing:border-box}html{background:var(--surface-page);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--text-primary);background:var(--surface-page);font:400 var(--type-body)/1.7 var(--font-sans);text-rendering:optimizelegibility;margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{color:var(--selection-text);background:var(--selection-surface)}[data-theme] body,[data-theme] .shell{color:var(--text-primary);background:var(--surface-page)!important}[data-theme] :where(button,a,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 72%, transparent);outline-offset:3px}[data-theme] ::placeholder{color:var(--text-muted);opacity:1}.shell{grid-template-columns:var(--layout-sidebar) minmax(0, 1fr)}.shell>aside{width:var(--layout-sidebar);padding:var(--space-8) var(--space-6) var(--space-6);background:var(--surface-navigation);border-color:var(--border-subtle)}.shell>aside nav{margin-top:var(--space-16);gap:var(--space-2)}.shell>aside nav a{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);transition:color var(--motion-base) var(--ease-standard), background var(--motion-base) var(--ease-standard)}.shell>aside nav a:hover,.shell>aside nav a.active{color:var(--text-primary);background:var(--surface-control)}.shell>main{width:100%;max-width:calc(var(--layout-page-max) + 2 * var(--page-gutter));min-width:0;padding:var(--space-12) var(--page-gutter) var(--space-20);margin-inline:auto}.eyebrow{letter-spacing:.16em;font-weight:700;color:var(--brand-muted)!important;font-size:var(--type-caption)!important}.page-heading,.home-intro,.pronunciation-hero{max-width:var(--layout-reading-max)}.page-heading h1,.home-intro h1,.pronunciation-hero h1,.my-path>header h1,.settings-heading h1{font-size:var(--type-h1);line-height:var(--line-display);letter-spacing:-.045em}.section-head h2,.today-path h2,.settings-panel h2{font-size:var(--type-h2);letter-spacing:-.025em;line-height:1.2}.page-heading>p:last-child,.home-intro>p:last-child,.pronunciation-hero>p:last-child{color:var(--text-secondary);font-size:var(--type-body-lg)}.sentence-display>button span,.sentence-display>p{font-size:var(--type-learning-en)}.sentence-ipa,.word-ipa{font-family:var(--font-ipa);font-size:var(--type-ipa)}.button{justify-content:center;align-items:center;gap:var(--button-gap);min-height:var(--button-min-height);padding:0 var(--button-padding-inline);border:var(--border-width) solid transparent;border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);text-align:center;cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard), background var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard), color var(--motion-base) var(--ease-standard);display:inline-flex}.button svg{width:var(--button-icon-size);height:var(--button-icon-size);flex:none}.button-primary{color:var(--accent-contrast);background:var(--brand-highlight)}.button-primary:hover:not(:disabled){background:var(--brand-highlight-hover);transform:translateY(-1px)}.button-primary:active:not(:disabled){background:var(--brand-highlight-hover);transform:none}.button-secondary{color:var(--text-primary);background:var(--surface-card);border-color:var(--border)}.button-secondary:hover:not(:disabled){background:var(--surface-subtle)}.button-secondary:active:not(:disabled){background:var(--surface-control);transform:none}.button-tertiary{color:var(--text-primary);background:var(--surface-control);border-color:#0000}.button-tertiary:hover:not(:disabled){background:var(--surface-subtle)}.button-ghost,.button-text{color:var(--text-secondary);background:0 0;border-color:#0000}.button-ghost:hover:not(:disabled),.button-text:hover:not(:disabled){color:var(--text-primary);background:var(--surface-subtle)}.button-danger{color:var(--accent-contrast);background:var(--text-danger)}.button-danger:hover:not(:disabled){background:color-mix(in srgb, var(--text-danger) 84%, var(--brand))}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:1;color:var(--text-muted);background:var(--surface-control);border-color:var(--text-disabled);transform:none}.button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 72%, transparent);outline-offset:3px}.card,.card-base,.card-interactive,.card-learning,.card-stat,.v2-course-card,.today-tasks>a,.recent-list>a,.mini-course,.scenario-row>a,.stage-list>a,.learning-paths article,.state-card{color:var(--text-primary);background:var(--card-bg);border:var(--border-width) solid var(--card-border-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.settings-panel{color:var(--text-primary);background:var(--card-bg);border:var(--border-width) solid var(--card-border-color);border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.card,.card-base,.card-stat,.today-tasks>a,.mini-course,.scenario-row>a,.learning-paths article{padding:var(--card-padding)}.card-interactive,.v2-course-card,.today-tasks>a,.mini-course,.scenario-row>a,.stage-list>a{transition:transform var(--motion-base) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard)}.card-interactive:hover,.v2-course-card:hover,.today-tasks>a:hover,.mini-course:hover,.scenario-row>a:hover,.stage-list>a:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.today-tasks>a:hover{border-color:#c7ccba}.tag-row span,.course-label b,.unit-catalog small{border-radius:var(--radius-pill)}.progress-bar{background:var(--surface-control);border-radius:var(--radius-pill);height:5px}.progress-bar i{background:var(--brand-highlight);transition:width var(--motion-slow) var(--ease-standard)}.state-card{min-height:390px;padding:var(--space-12);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.state-card>span{color:var(--text-secondary)}.state-error>svg{color:var(--danger)}html[data-ui-theme] .state-card .state-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}html[data-ui-theme] .state-card .state-actions .button{margin-top:0}.skeleton-lines{gap:var(--space-3);width:min(100%,420px);margin-bottom:var(--space-8);display:grid}.skeleton-lines i{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--surface-control), var(--surface-elevated), var(--surface-control));background-size:200% 100%;height:12px;animation:1.4s linear infinite skeleton-shift}.skeleton-lines i:nth-child(2){width:78%}.skeleton-lines i:nth-child(3){width:56%}@keyframes skeleton-shift{to{background-position:-200% 0}}.home-intro{margin-block:var(--space-2) var(--space-8)}.daily-hero,.course-detail-hero,.today-path,.home-path-card{color:var(--on-brand-primary);background:var(--brand);border-radius:var(--radius-lg)}.daily-hero{min-height:330px;padding:var(--space-12)}.daily-copy>span,.daily-copy>p,.daily-hero .course-visual>small,.course-detail-hero .back,.course-detail-hero h2,.course-detail-hero>div:first-child>p:not(.eyebrow){color:var(--on-brand-secondary)}.today-tasks{gap:var(--space-3)}.home-section,.home-split,.course-library,.quick-lessons{margin-top:var(--space-16)}.home-path-card{margin:var(--space-8) 0 var(--space-16)}.week-overview{margin-top:var(--space-16)}.category-tabs,.accent-tabs{gap:var(--space-2);scrollbar-width:thin}.category-tabs button,.accent-tabs button{border-radius:var(--radius-pill);min-height:44px;color:var(--text-secondary)}.category-tabs button.active,.accent-tabs button.active{color:var(--selection-text)!important;background:var(--selection-surface)!important}.featured-course{border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.v2-course-grid{gap:var(--space-4)}.v2-course-card{overflow:clip}.course-card-body>p{color:var(--text-secondary)}.course-detail-hero{min-height:420px;padding:var(--space-12)}.course-detail-hero h1{font-size:var(--type-display)}.course-hero-action{margin-top:var(--space-6)}.course-hero-action.button-secondary{color:var(--on-brand-primary);background:color-mix(in srgb, var(--on-brand-primary) 8%, transparent);border-color:color-mix(in srgb, var(--on-brand-secondary) 52%, transparent)}.unit-catalog>article{min-width:0;padding-block:var(--space-6)}.unit-catalog article>div{min-width:0}.unit-actions a{align-items:center;min-height:40px;display:inline-flex}.my-path{max-width:var(--layout-page-max);margin-inline:auto}.today-path{padding:var(--space-8)}.stage-list{gap:var(--space-3)}.stage-list>a{padding:var(--space-6)}.stage-list>a.current{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.stage-list>a.done>span{color:var(--text-success)}.settings-center{max-width:var(--layout-page-max);align-items:start;gap:var(--space-6) var(--space-8);grid-template-columns:180px minmax(0,1fr);display:grid}.settings-heading{margin-bottom:var(--space-2);grid-column:1/-1}.settings-tabs{top:var(--space-6);gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);grid-area:2/1/span 5;margin:0;display:grid;position:sticky;overflow:visible}.settings-tabs button{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);text-align:left}.settings-tabs button.active{color:var(--text-primary);background:var(--surface-control);box-shadow:inset 3px 0 var(--accent)}.settings-path-entry,.settings-message,.settings-panel{grid-column:2;min-width:0}.settings-panel{padding:var(--space-2) var(--space-6) var(--space-6);border-radius:var(--radius-lg)}.setting-row{min-height:78px}.settings-search{background:var(--surface-input);border-radius:var(--radius-md)}[data-theme] .learn-v2,[data-theme] .study-shell{min-height:100dvh;overflow-x:hidden;color:var(--study-text)!important;background:var(--study-page)!important}[data-theme] .learn-v2.learn-light{color:#18231d!important;background:#f6f4ed!important}.learn-v2 .learn-body{width:min(var(--layout-study-max), calc(100vw - 48px))}.study-header,.navigation-bar{background:var(--study-control);border-color:var(--study-border)}.study-tools button,.assist-bar button,.navigation-bar button{border-radius:var(--radius-sm);min-width:44px;min-height:44px}.answer-composer .submit{min-width:132px;min-height:var(--button-min-height)}.annotation-board,.token-hint-card{border-radius:var(--radius-md)}.display-panel,.word-card{box-shadow:var(--shadow-overlay)}.pronunciation-course-grid{gap:var(--space-4)}.pronunciation-course-card{border-radius:var(--radius-lg);overflow:clip}.pronunciation-map{margin-top:var(--space-16)}.pronunciation-map-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.pronunciation-map-grid article{min-height:132px;padding:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}.pronunciation-map-grid small{color:var(--brand-muted);letter-spacing:.12em;font-weight:700}.pronunciation-map-grid h3{margin:var(--space-2) 0;font-size:var(--type-h3)}.pronunciation-map-grid p{color:var(--text-secondary);font-size:var(--type-body-sm);margin:0}.pronunciation-skills{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.pronunciation-skills span{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--surface-card)}@media (max-width:1080px){.shell{grid-template-columns:204px minmax(0,1fr)}.shell>aside{width:204px}.settings-center{gap:var(--space-6);grid-template-columns:160px minmax(0,1fr)}}@media (max-width:760px){.shell{padding-bottom:calc(68px + env(safe-area-inset-bottom));display:block}.shell>aside{width:100%;height:calc(64px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface-navigation) 94%, transparent);border:0;border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:fixed;inset:auto 0 0}.shell>aside nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;display:grid}.shell>aside nav a{justify-content:center;min-width:0;min-height:52px;padding:5px 2px}.shell>main{padding:var(--space-8) 18px calc(var(--space-16) + env(safe-area-inset-bottom))}.page-heading h1,.home-intro h1,.pronunciation-hero h1,.my-path>header h1,.settings-heading h1{font-size:clamp(2rem,10vw,2.65rem);line-height:var(--line-display)}.daily-hero,.featured-course,.course-detail-hero{padding:var(--space-6)}.home-section,.home-split,.course-library,.quick-lessons{margin-top:var(--space-12)}.section-head{align-items:flex-start}.section-head>span{max-width:44%}.today-tasks,.v2-course-grid,.home-split,.recommend-grid,.detail-intro,.pronunciation-map-grid{grid-template-columns:1fr}.recommend-grid>.v2-course-card{grid-column:auto}.category-tabs,.accent-tabs{margin-inline:-18px;padding-inline:18px;overflow-x:auto}.unit-catalog>article{gap:var(--space-3);grid-template-columns:34px minmax(0,1fr)}.unit-actions{grid-column:2;width:100%}.unit-actions a{min-height:44px}.my-path>header{align-items:flex-start;gap:var(--space-4)}.today-path{align-items:stretch;gap:var(--space-6)}.today-path .button{width:100%}.stage-list>a{padding:var(--space-4);gap:var(--space-3);grid-template-columns:44px minmax(0,1fr) 18px}.settings-center{display:block}.settings-heading{align-items:start;display:grid}.settings-search{width:100%}.settings-tabs{margin:0 -18px var(--space-6);padding:0 18px var(--space-2);border:0;border-bottom:1px solid var(--border-subtle);background:0 0;border-radius:0;display:flex;position:static;overflow-x:auto}.settings-tabs button{text-align:center;flex:none}.settings-tabs button.active{box-shadow:inset 0 -2px var(--accent)}.settings-path-entry{margin-bottom:var(--space-6)}.settings-panel{padding:var(--space-2) var(--space-4) var(--space-4)}.setting-row{align-items:flex-start;gap:var(--space-3);flex-direction:column}.setting-control,.setting-control select,.sound-card select,.wave-setting select{text-align:left;width:100%;min-width:0}.range-control{width:100%}.range-control input{flex:1;min-width:0}.learn-v2 .learn-body{width:calc(100vw - 32px)}.answer-composer .submit{width:100%}.study-header .learn-top{grid-template-columns:34px minmax(104px,1fr) minmax(0,188px)}.study-tools{scrollbar-width:none;max-width:188px;overflow-x:auto}.study-tools::-webkit-scrollbar{display:none}.study-tools button{flex:0 0 44px}.lesson-identity strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.speech-debug{display:none}.pronunciation-skills span{flex:1 1 calc(50% - var(--space-2));text-align:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-ui-theme] body,html[data-ui-theme] :is(.settings-heading p,.setting-row small,.appearance-heading p,.appearance-reading-sample,.home-intro>p:last-child,.feedback>span,.display-panel small){line-height:var(--reading-line)}html[data-ui-theme] :is(.shell>aside nav a,.settings-tabs button,.preview-button,.setting-control button,.study-tools button,.navigation-bar button,.assist-bar button,.feedback-actions button,.display-panel button){min-height:var(--control-min);font-size:.875rem}html[data-ui-theme] :is(.setting-row small,.settings-heading p,.settings-path-entry small,.settings-search input,.lesson-identity span,.display-panel small,.feedback>span,.feedback-actions,.course-card-body p,.data-list p){font-size:var(--type-body-sm);line-height:var(--reading-line)}html[data-ui-theme] :is(.setting-control select,.display-panel select,.display-panel textarea,.settings-search,.settings-search input){min-height:var(--control-min);font-size:1rem}html[data-ui-theme] :is(button,select,input,textarea){max-width:100%}html[data-ui-theme] :is(.setting-row,.settings-panel>header){gap:var(--space-4);flex-wrap:wrap}html[data-ui-theme] :is(.display-panel,.settings-panel,.feedback,.state-card){overflow-wrap:anywhere}html[data-ui-theme] input[type=checkbox]{flex-shrink:0;width:1.15rem;height:1.15rem}html[data-ui-theme] .setting-row>div{min-width:0}html[data-ui-theme] .learn-v2{height:auto;min-height:100dvh;color:var(--study-text);grid-template:"header header""lesson tools"minmax(0,1fr)"actions tools"/minmax(0,1fr) 12rem;display:grid;background:var(--study-page)!important}html[data-ui-theme] .study-header{border-bottom:1px solid var(--study-border);grid-area:header;padding:0;position:relative}html[data-ui-theme] .study-header .learn-top{grid-template-columns:44px minmax(0,1fr) auto;gap:1rem;height:auto;min-height:5rem;padding:1rem 2rem}html[data-ui-theme] .lesson-identity strong{white-space:normal;line-height:1.5;overflow:visible;font-size:1rem!important}html[data-ui-theme] .lesson-identity span{display:block}html[data-ui-theme] .study-header-label{font-size:var(--type-body-sm);color:var(--study-muted)}html[data-ui-theme] .learn-top>button{width:44px;min-height:var(--control-min);color:var(--study-text);border:1px solid var(--study-border);border-radius:var(--radius-sm);place-items:center;display:grid}html[data-ui-theme] .assist-bar{border-bottom:0;flex-wrap:wrap;height:auto;min-height:3rem;padding:.5rem 2rem;font-size:.875rem}html[data-ui-theme] .assist-bar button{font-size:.875rem}html[data-ui-theme] .assist-bar .mode-stage{max-width:none;color:var(--study-secondary)}html[data-ui-theme] .learn-progress{background:var(--study-border);border-radius:8px;grid-column:1/-1;width:100%;height:5px;margin:0;position:static}html[data-ui-theme] .learn-progress i{background:var(--accent);border-radius:inherit;height:100%;display:block}html[data-ui-theme] .study-tools{border-left:1px solid var(--study-border);flex-direction:column;grid-area:tools;align-self:start;gap:.4rem;width:100%;max-width:none;padding:1.5rem 1rem;display:flex;position:sticky;top:1rem}html[data-ui-theme] .study-tools-title{color:var(--study-muted);font-size:var(--type-caption);margin:0 .5rem .6rem}html[data-ui-theme] .study-tools button{text-align:left;color:var(--study-secondary);flex:none;gap:.5rem;padding:.65rem .75rem}html[data-ui-theme] .study-tools svg{flex-shrink:0;width:18px;height:18px}html[data-ui-theme] .study-tools button[aria-expanded=true]{background:var(--study-elevated);color:var(--study-text)}html[data-ui-theme] .learn-v2 .learn-body{width:min(880px,100% - 3rem);min-width:0;max-width:100%;margin:var(--space-8) auto;padding:var(--space-8);border:var(--border-width) solid var(--card-border-color);border-radius:var(--radius-lg);background:var(--card-bg);grid-area:lesson;align-self:center}html[data-ui-theme] .learn-body h1{font-size:var(--type-h2);margin:1.25rem 0;line-height:1.5}html[data-ui-theme] .stage-guide{letter-spacing:.04em;margin:0 0 1.5rem;font-size:var(--type-label)!important}html[data-ui-theme] .speech-debug{display:none}html[data-ui-theme] .speech-waveform-live{margin:1rem auto}html[data-ui-theme] .answer-label{font-size:var(--type-body-sm);color:var(--study-secondary);letter-spacing:.02em}html[data-ui-theme] .answer-slot-input{font:500 max(1.2rem, var(--answer-size))/1.4 var(--learning-font);height:auto;min-height:var(--control-min);color:var(--study-text)!important}html[data-ui-theme] .answer-slot-input::placeholder{font-size:1rem}html[data-ui-theme] .word-slot{border-color:var(--study-border);max-width:100%}html[data-ui-theme] .word-slot:focus-within{border-color:var(--accent);box-shadow:0 2px 0 var(--accent)}html[data-ui-theme] .word-slot.active .answer-slot-input{color:var(--accent)!important}html[data-ui-theme] .answer-composer .submit{min-height:var(--button-min-height);border-radius:var(--button-radius);color:var(--accent-contrast);background:var(--brand-highlight);border:0;padding:.75rem 1.5rem;font-size:1rem}html[data-ui-theme] .answer-composer .submit:hover:not(:disabled){background:var(--brand-highlight-hover)}html[data-ui-theme] .answer-composer .submit:disabled{cursor:not-allowed;color:var(--text-muted);background:var(--surface-control)}html[data-ui-theme] .answer-composer .submit:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 72%, transparent);outline-offset:3px}html[data-ui-theme] .hint-entry{font-size:var(--type-body-sm);min-height:var(--control-min);color:var(--study-secondary);background:var(--study-control);border-color:var(--study-border);flex-wrap:wrap}html[data-ui-theme] .hint-entry :is(span,b){color:inherit;font-size:inherit}html[data-ui-theme] .navigation-bar{background:var(--study-control);width:100%;height:auto;min-height:5.5rem;color:var(--study-text);border-top:1px solid var(--study-border);flex-wrap:wrap;grid-area:actions;place-content:center;gap:.5rem;margin:0;padding:1rem;display:flex}html[data-ui-theme] .navigation-bar button{min-width:0;color:var(--study-text);flex-wrap:wrap;gap:.4rem;padding:.5rem .75rem;font-size:.875rem!important;display:flex!important}html[data-ui-theme] .navigation-bar button:last-of-type{color:var(--selection-text);background:var(--selection-surface);display:flex}html[data-ui-theme] .navigation-bar button kbd{display:none}html[data-ui-theme] .navigation-bar button:disabled{opacity:.4}html[data-ui-theme] .navigation-bar .action-status{text-align:center;color:var(--study-text);flex-basis:100%;display:block;position:static}html[data-ui-theme] .display-panel{z-index:35;border-radius:var(--radius-lg);background:var(--surface-elevated);border:1px solid var(--border);width:min(23rem,100vw - 3rem);max-height:calc(100dvh - 3rem);color:var(--text-primary);padding:1.5rem;position:fixed;top:1.5rem;right:1.5rem;overflow-y:auto}html[data-ui-theme] .study-appearance>label{font-size:var(--type-label);gap:.4rem;margin:1rem 0;display:grid}html[data-ui-theme] .study-appearance select{width:100%;color:var(--text-primary);background:var(--surface-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem}.study-panel-title{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.study-panel-title button{color:inherit;background:0 0;border:0;place-items:center;min-width:44px;display:grid}html[data-ui-theme] .feedback{color:var(--text-primary);background:var(--surface-tint);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;font-size:1rem}html[data-ui-theme] .feedback.correct>b{color:var(--text-success)}html[data-ui-theme] .feedback.wrong>b,html[data-ui-theme] .speech-error{color:var(--text-danger)}html[data-ui-theme] .feedback-actions button{border:1px solid var(--border);color:var(--text-primary);background:var(--surface-card);border-radius:var(--radius-sm);padding:.5rem .8rem}html[data-ui-theme] :is(.token-hint-card,.annotation-board){color:var(--study-text);background:var(--study-subtle);border-color:var(--study-border)}html[data-ui-theme] .token-hint-grid>button{background:var(--study-control);color:var(--study-text)}html[data-ui-theme] :is(.token-hint-card small,.token-hint-card p,.token-hint-card span,.token-hint-card footer){color:var(--study-secondary);font-size:.875rem}html[data-ui-theme] .pause-overlay{z-index:40;background:var(--surface-page);color:var(--text-primary);padding:2rem;inset:0}html[data-ui-theme] .pause-overlay p{color:var(--text-secondary)}html[data-ui-theme] .pause-overlay button{min-height:var(--control-min);background:var(--brand-highlight);color:var(--accent-contrast);font-size:1rem}.study-milestone{display:none}html[data-ui-theme=warm] .learn-v2{grid-template:"header""tools""lesson"minmax(0,1fr)"actions"/minmax(0,1fr)}html[data-ui-theme=warm] .study-tools{border-left:0;flex-flow:wrap;justify-content:center;padding:.75rem;position:static}html[data-ui-theme=warm] .study-tools-title{display:none}html[data-ui-theme=warm] .learn-v2 .learn-body{max-width:760px;margin:var(--space-4) auto var(--space-8);box-shadow:var(--shadow-hover);padding:2.5rem}html[data-ui-theme=warm] .stage-guide{display:none}html[data-ui-theme=warm] .answer-composer{grid-template-columns:1fr!important}html[data-ui-theme=warm] .answer-composer .submit{width:100%}html[data-ui-theme=warm] .navigation-bar{background:var(--surface-page)}html[data-ui-theme=playful] .learn-v2{grid-template:"header header""tools milestone""tools lesson"minmax(0,1fr)"tools actions"/11rem minmax(0,1fr)}html[data-ui-theme=playful] .study-tools{border-left:0;border-right:1px solid var(--study-border)}html[data-ui-theme=playful] .study-milestone{flex-wrap:wrap;grid-area:milestone;align-items:center;gap:1rem;width:min(800px,100% - 3rem);margin:1.5rem auto 0;display:flex}.study-milestone>span{background:var(--brand-highlight);width:3.5rem;height:3.5rem;color:var(--accent-contrast);box-shadow:0 4px 0 color-mix(in srgb, var(--brand-highlight) 65%, var(--brand));border-radius:1.2rem;place-items:center;font-size:1.5rem;font-weight:800;display:grid}.study-milestone small,.study-milestone strong{display:block}.study-milestone small{color:var(--text-muted);font-size:.875rem}.milestone-meter{background:var(--surface-control);border-radius:1rem;flex:100px;height:.75rem;overflow:hidden}.milestone-meter i{background:var(--accent);border-radius:inherit;height:100%;display:block}html[data-ui-theme=playful] .learn-v2 .learn-body{max-width:800px;margin:var(--space-5) auto;border-bottom-width:5px;align-self:start}html[data-ui-theme=playful] .stage-guide{display:none}html[data-ui-theme=playful] .feedback.correct{border-color:var(--text-success)}html[data-ui-theme][data-theme=light] .learn-v2 .learn-body{box-shadow:var(--shadow-hover)}html[data-ui-theme][data-theme=light] .appearance-card{border-width:1px;border-color:var(--border-subtle);box-shadow:var(--shadow-hover)}html[data-ui-theme][data-theme=light] :is(.study-header,.navigation-bar){background:var(--surface-card);border-color:var(--border-subtle)}html[data-ui-theme][data-theme=light] .study-tools{border-color:var(--border-subtle)}html[data-ui-theme][data-theme=light] .study-milestone>span{box-shadow:none}html[data-ui-theme][data-theme=light] .appearance-mode button[aria-pressed=true]{border-color:var(--accent)}html[data-ui-theme][data-theme=dark] .learn-v2 .learn-body{box-shadow:var(--shadow-hover)}html[data-ui-theme][data-theme=dark] .appearance-card{border-width:1px;border-color:var(--border-subtle);box-shadow:var(--shadow-hover)}html[data-ui-theme][data-theme=dark] .study-milestone>span{box-shadow:none}html[data-ui-theme][data-theme=dark] .appearance-mode button[aria-pressed=true]{border-color:var(--accent)}@media (min-width:761px) and (max-width:1199px){html[data-ui-theme=professional] .settings-center{display:block}html[data-ui-theme=professional] .settings-heading{margin-bottom:1.5rem}html[data-ui-theme=professional] .settings-tabs{flex-wrap:wrap;gap:.25rem;margin:0 0 1.5rem;display:flex;position:static}html[data-ui-theme=professional] .settings-tabs button{text-align:center;flex:auto}html[data-ui-theme=professional] .settings-tabs button.active{box-shadow:inset 0 -3px var(--accent)}html[data-ui-theme=professional] .settings-path-entry{margin-bottom:1.5rem}html[data-ui-theme] .learn-v2 .learn-body{width:calc(100% - 2rem);padding:var(--space-6)}html[data-ui-theme] .answer-composer{grid-template-columns:minmax(0,1fr)!important}html[data-ui-theme] .navigation-bar{padding:.75rem .75rem calc(.75rem + env(safe-area-inset-bottom))}html[data-ui-theme] .navigation-bar button{min-width:44px}html[data-ui-theme] .answer-slot-input{scroll-margin-block:6rem 10rem}}@media (min-width:761px) and (max-width:1000px){html[data-ui-theme] .learn-v2{grid-template:"header""tools""lesson"minmax(0,1fr)"actions"/minmax(0,1fr)}html[data-ui-theme=playful] .learn-v2{grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"header""milestone""tools""lesson""actions"}html[data-ui-theme] .study-tools{border:0;flex-flow:wrap;justify-content:center;gap:.25rem;padding:.75rem;position:static}html[data-ui-theme] .study-tools-title{display:none}}@media (max-width:760px){html[data-ui-theme] .learn-v2{padding-bottom:calc(9rem + env(safe-area-inset-bottom));grid-template:"header""tools""lesson"minmax(0,1fr)"actions"/minmax(0,1fr)}html[data-ui-theme=playful] .learn-v2{grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"header""milestone""tools""lesson""actions"}html[data-ui-theme] .study-header .learn-top{grid-template-columns:44px minmax(0,1fr);gap:.65rem;padding:.8rem 1rem}html[data-ui-theme] .study-header-label{display:none}html[data-ui-theme] .lesson-identity span{font-size:.75rem}html[data-ui-theme] .assist-bar{gap:.35rem .75rem;padding:.4rem 1rem}html[data-ui-theme] .assist-bar .mode-stage{margin-left:0;font-size:.75rem}html[data-ui-theme] .study-tools{border:0;flex-flow:wrap;justify-content:center;gap:.15rem;padding:.5rem;position:static}html[data-ui-theme] .study-tools button{padding:.45rem .5rem;font-size:.8rem}html[data-ui-theme] .study-tools-title{display:none}html[data-ui-theme] .learn-v2 .learn-body{width:calc(100% - 2rem);margin:var(--space-2) auto var(--space-4);padding:1.2rem}html[data-ui-theme] .answer-composer{grid-template-columns:1fr!important}html[data-ui-theme] .navigation-bar{padding:.75rem .5rem calc(.75rem + env(safe-area-inset-bottom));grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;display:grid;position:fixed;bottom:0;left:0}html[data-ui-theme] .answer-slot-input{scroll-margin-bottom:10rem}html[data-ui-theme] .navigation-bar button{justify-content:center;padding:.4rem;font-size:.8rem!important}html[data-ui-theme] .navigation-bar .action-status{grid-column:1/-1}html[data-ui-theme] .display-panel{width:auto;max-width:none;max-height:calc(100dvh - 2rem);inset:auto 1rem 1rem}html[data-ui-theme] .settings-panel>header button{min-height:var(--control-min);font-size:var(--type-label)}html[data-ui-theme] .shell>aside nav a{min-height:var(--control-min);font-size:.75rem}}.shell-skip-link{z-index:100;background:var(--surface-card);color:var(--text-primary);border:2px solid var(--brand-highlight);border-radius:var(--radius-md);padding:.65rem 1rem;position:fixed;top:-6rem;left:1rem}.shell-skip-link:focus{top:1rem}html[data-ui-theme] .shell .brand small{letter-spacing:.08em;font-size:.65rem;line-height:1.8}html[data-ui-theme] .shell .brand{flex-shrink:0}html[data-ui-theme] .shell>aside nav a{white-space:nowrap}html[data-ui-theme] .home-dashboard{grid-template-columns:minmax(0,1fr);gap:2.25rem;display:grid}html[data-ui-theme] .home-dashboard>*{min-width:0;margin:0}html[data-ui-theme] .home-intro{grid-area:intro;grid-template-columns:minmax(0,1fr) minmax(31rem,1fr);align-items:center;column-gap:clamp(2rem,5vw,5rem);max-width:none;display:grid}html[data-ui-theme] .home-intro>:not(.home-language-picker){grid-column:1}html[data-ui-theme] .home-intro h1{margin:.6rem 0;font-size:clamp(2rem,3.2vw,3rem)}html[data-ui-theme] .home-intro>.home-intro-description{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.8}html[data-ui-theme] .home-language-picker{grid-area:1/2/4;grid-template-columns:repeat(3,minmax(0,1fr));align-self:stretch;gap:.75rem;display:grid}html[data-ui-theme] .home-language-card{min-width:0;min-height:9.75rem;padding:var(--space-5) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-primary);position:relative;overflow:hidden}html[data-ui-theme] .home-language-card>strong{letter-spacing:-.04em;font-size:clamp(1.6rem,2.1vw,2rem);line-height:1.25;display:block}html[data-ui-theme] .home-language-card.current{border-color:var(--brand-highlight);background:var(--surface-tint);transition:transform .18s,box-shadow .18s;display:block}html[data-ui-theme] .home-language-card.current:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}html[data-ui-theme] .home-language-card.current>span{color:var(--text-secondary);font-size:var(--type-caption);margin-top:.55rem;display:block}html[data-ui-theme] .home-language-card.current>svg{width:1.1rem;color:var(--accent);position:absolute;bottom:1rem;right:1rem}html[data-ui-theme] .home-language-card.upcoming>label{width:fit-content;color:var(--text-secondary);font-size:var(--type-caption);cursor:pointer;align-items:center;gap:.45rem;margin-top:.7rem;line-height:1.5;display:flex}html[data-ui-theme] .home-language-card.upcoming input{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer;flex:none;margin:0}html[data-ui-theme] .home-language-card.upcoming input:disabled{cursor:wait}html[data-ui-theme] .home-language-card.upcoming>small{color:var(--accent);font-size:var(--type-caption);font-weight:650;position:absolute;bottom:.85rem;right:.9rem}html[data-ui-theme] .home-language-message{min-height:1.2rem;color:var(--text-secondary);font-size:var(--type-caption);grid-column:1/-1;margin:0;line-height:1.5}html[data-ui-theme] .daily-hero{grid-area:hero;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1.5rem;min-height:20rem;padding:2rem}html[data-ui-theme] .daily-copy h2{letter-spacing:-.03em;font-size:clamp(1.65rem,2.4vw,2.25rem);line-height:1.4}html[data-ui-theme] .daily-copy>span,html[data-ui-theme] .daily-copy>p{font-size:.875rem;line-height:1.65}html[data-ui-theme] .daily-copy .eyebrow{color:var(--on-brand-secondary)!important}html[data-ui-theme] .daily-copy .button{width:fit-content}html[data-ui-theme] .home-tasks{grid-area:tasks}html[data-ui-theme] .home-route{grid-area:route}html[data-ui-theme] .home-split{display:contents}html[data-ui-theme] .home-review{grid-area:review;min-width:0}html[data-ui-theme] .home-recent{grid-area:recent;min-width:0}html[data-ui-theme] .home-recommended{grid-area:recommended}html[data-ui-theme] .home-scenarios{grid-area:scenarios}html[data-ui-theme] .week-overview{grid-area:records}html[data-ui-theme] .home-dashboard .section-head{margin-bottom:var(--space-4)}html[data-ui-theme] .home-dashboard .section-head h2{font-size:var(--type-h2);line-height:var(--line-heading);margin:.35rem 0 0}html[data-ui-theme] .home-dashboard .section-head>span{font-size:var(--type-caption)}html[data-ui-theme] .home-dashboard .eyebrow{letter-spacing:.12em;font-size:var(--type-caption)!important}html[data-ui-theme] .home-dashboard .today-tasks>a{grid-template-columns:1.5rem minmax(0,1fr) auto;gap:.65rem;min-width:0;padding:1rem}html[data-ui-theme] .home-dashboard .today-tasks b,html[data-ui-theme] .home-dashboard .recent-list b{font-size:.95rem}html[data-ui-theme] .home-dashboard .today-tasks span,html[data-ui-theme] .home-dashboard .recent-list span{font-size:var(--type-caption);line-height:1.65}html[data-ui-theme] .home-dashboard .today-tasks strong{font:650 1.35rem var(--font-sans)}html[data-ui-theme] .home-dashboard .state-card,html[data-ui-theme] .home-dashboard .review-panel{min-height:13rem;padding:var(--space-6)}html[data-ui-theme] .home-dashboard .review-panel p{font-size:var(--type-body-sm)}html[data-ui-theme] .home-dashboard .home-path-card{padding:var(--space-6);margin:0}html[data-ui-theme] .home-dashboard .home-path-card h2{font-size:var(--type-h2)}html[data-ui-theme] .home-dashboard .home-path-card span{font-size:var(--type-body-sm)}html[data-ui-theme] .home-route-journey{display:none}html[data-ui-theme] .home-dashboard .week-overview{padding:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);gap:var(--space-6)}html[data-ui-theme] .home-dashboard .week-overview h2{font-size:var(--type-h2)}html[data-ui-theme] .home-dashboard .week-overview p:last-child,html[data-ui-theme] .home-dashboard .week-numbers span{font-size:var(--type-body-sm)}html[data-ui-theme] .home-dashboard .week-numbers{flex-wrap:wrap;gap:1.5rem}html[data-ui-theme] .home-dashboard .week-numbers b{font-size:1.8rem}html[data-ui-theme] .home-dashboard :is(.mini-course>span,.mini-course>p,.scenario-row span,.course-card-body>small,.course-facts,.course-label,.tag-row,.course-card-body footer){font-size:var(--type-caption);line-height:1.65}html[data-ui-theme] .home-dashboard :is(.mini-course h3,.scenario-row b,.course-card-body h3){font-size:var(--type-h3);line-height:1.5}html[data-ui-theme] .home-dashboard .recommend-grid>*{min-width:0}html[data-ui-theme] .home-dashboard .course-facts{flex-wrap:wrap}html[data-ui-theme=professional] .home-dashboard{grid-template-columns:minmax(0,1fr) minmax(15rem,.38fr);grid-template-areas:"intro intro""hero records""tasks tasks""recent review""route route""recommended recommended""scenarios scenarios"}html[data-ui-theme=professional] .home-dashboard .week-overview{flex-direction:column;justify-content:flex-start;align-items:stretch}html[data-ui-theme=professional] .home-dashboard .week-numbers{gap:1rem;display:grid}html[data-ui-theme=professional] .home-dashboard .week-numbers span{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;padding-top:.6rem;display:flex}html[data-ui-theme=warm] .shell,html[data-ui-theme=playful] .shell{padding-bottom:0;display:block}html[data-ui-theme=warm] .shell>.shell-navigation,html[data-ui-theme=playful] .shell>.shell-navigation{border:0;border-bottom:1px solid var(--border-subtle);background:var(--surface-navigation);flex-direction:row;align-items:center;gap:2rem;width:100%;height:auto;padding:1.2rem max(1.5rem,50vw - 620px);display:flex;position:relative;inset:auto}html[data-ui-theme=warm] .shell>aside nav,html[data-ui-theme=playful] .shell>aside nav{flex-wrap:wrap;align-items:center;gap:.25rem;margin:0 0 0 auto;display:flex}html[data-ui-theme=warm] .shell>aside nav a,html[data-ui-theme=playful] .shell>aside nav a{min-height:var(--control-min);gap:.45rem;padding:.55rem .8rem;display:flex}html[data-ui-theme=warm] .shell .aside-note,html[data-ui-theme=playful] .shell .aside-note{display:none}html[data-ui-theme=warm] .shell>main,html[data-ui-theme=playful] .shell>main{grid-column:auto;max-width:1240px;padding:2.5rem 2rem 5rem}html[data-ui-theme=warm] .home-dashboard{grid-template-columns:1fr 1fr;grid-template-areas:"intro intro""hero recent""tasks tasks""review route""recommended recommended""scenarios scenarios""records records"}html[data-ui-theme=warm] .home-dashboard .daily-hero{grid-template-columns:1fr;min-height:25rem}html[data-ui-theme=warm] .home-dashboard .daily-hero>.course-visual{display:none}html[data-ui-theme=warm] .home-dashboard .home-recent{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem}html[data-ui-theme=warm] .home-dashboard .home-recent .state-card{border:0;padding-inline:0}html[data-ui-theme=warm] .home-dashboard .recent-list>a{background:var(--surface-subtle)}html[data-ui-theme=warm] .home-dashboard .home-path-card{justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-direction:column;height:100%}html[data-ui-theme=warm] .home-dashboard .home-route-summary{height:100%}html[data-ui-theme=playful] .shell>.shell-navigation{flex-wrap:wrap;justify-content:center;gap:.75rem 2rem;padding-block:1rem}html[data-ui-theme=playful] .shell>aside nav{margin-left:0}html[data-ui-theme=playful] .shell>aside nav a{border:1px solid #0000;border-radius:999px}html[data-ui-theme=playful] .shell>aside nav a.active{border-color:var(--brand-highlight);background:var(--surface-tint)}html[data-ui-theme=playful] .home-dashboard{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"intro records""route hero""route tasks""recent review""recommended recommended""scenarios scenarios";align-items:start}@media (min-width:1001px){html[data-ui-theme=playful] .home-dashboard:has(.home-route-empty){grid-template-areas:"intro records""route hero""recent tasks""review tasks""recommended recommended""scenarios scenarios"}}html[data-ui-theme=playful] .home-intro{grid-template-columns:minmax(0,1fr);row-gap:1.25rem}html[data-ui-theme=playful] .home-intro>.home-language-picker{grid-area:auto/1}html[data-ui-theme=playful] .home-dashboard .week-overview{padding:var(--space-4)}html[data-ui-theme=playful] .home-dashboard .week-overview>div:first-child{display:none}html[data-ui-theme=playful] .home-dashboard .week-numbers{flex:1;justify-content:space-around;gap:.5rem}html[data-ui-theme=playful] .home-route-summary{display:none}html[data-ui-theme=playful] .home-route-journey{border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:0 5px 0 var(--border-subtle);border-radius:2rem;padding:2rem;display:block}html[data-ui-theme=playful] .home-route-description{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.875rem}html[data-ui-theme=playful] .home-route-stages{gap:1rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}html[data-ui-theme=playful] .home-route-stages>li{position:relative}html[data-ui-theme=playful] .home-route-stages>li:not(:last-child):after{content:"";border-left:3px dashed var(--border);height:1.5rem;position:absolute;top:calc(100% - .25rem);left:2.4rem}html[data-ui-theme=playful] .home-route-stages a{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:1rem;grid-template-columns:3rem minmax(0,1fr) 1.1rem;align-items:center;gap:1rem;padding:1rem;display:grid;position:relative}html[data-ui-theme=playful] .home-route-stages .current a{border:2px solid var(--brand-highlight);background:var(--surface-tint)}html[data-ui-theme=playful] .home-route-stages a>svg{width:1rem;height:1rem}html[data-ui-theme=playful] .home-stage-number{background:var(--surface-card);width:3rem;height:3rem;color:var(--text-primary);border:1px solid var(--border);border-radius:50%;place-items:center;font-size:1.25rem;font-weight:700;display:grid}html[data-ui-theme=playful] .current .home-stage-number,html[data-ui-theme=playful] .done .home-stage-number{background:var(--brand-highlight);color:var(--accent-contrast);border-color:var(--brand-highlight)}html[data-ui-theme=playful] .home-stage-copy{gap:.35rem;display:grid}html[data-ui-theme=playful] .home-stage-copy b{font-size:1rem;line-height:1.5}html[data-ui-theme=playful] .home-stage-copy small{font-size:var(--type-caption);color:var(--text-secondary)}html[data-ui-theme=playful] .home-route-empty{justify-items:start;gap:1rem;padding-block:1rem;display:grid}html[data-ui-theme=playful] .home-route-empty>svg{width:3rem;height:3rem;color:var(--brand-highlight)}html[data-ui-theme=playful] .home-route-empty p{color:var(--text-secondary);margin:0}html[data-ui-theme=playful] .home-dashboard .daily-hero{grid-template-columns:1fr;min-height:0;padding:1.5rem}html[data-ui-theme=playful] .home-dashboard .daily-hero>.course-visual{display:none}html[data-ui-theme=playful] .home-dashboard .today-tasks{grid-template-columns:1fr}html[data-ui-theme][data-theme=light] .shell .brand>span{background:var(--brand-highlight);color:var(--accent-contrast)}html[data-ui-theme][data-theme=light] :is(.daily-hero,.home-path-card){--on-brand-primary:var(--text-primary);--on-brand-secondary:var(--text-secondary);color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-hover)}html[data-ui-theme][data-theme=light] .daily-hero:before{background:0 0}html[data-ui-theme][data-theme=light] .daily-copy .progress-bar{background:var(--surface-control)}html[data-ui-theme][data-theme=light] .home-dashboard .course-visual{background:var(--surface-subtle)}html[data-ui-theme][data-theme=light] .home-dashboard .course-visual>span{color:var(--text-secondary)}html[data-ui-theme][data-theme=light] .home-dashboard .course-visual>small{color:var(--text-muted)}html[data-ui-theme][data-theme=light] .home-dashboard .course-visual>svg{color:var(--accent)}html[data-ui-theme][data-theme=light] .home-dashboard .course-visual>i{border-color:var(--border-subtle);color:var(--border)}html[data-ui-theme][data-theme=light] .home-route-journey{box-shadow:var(--shadow-hover)}html[data-ui-theme][data-theme=light] .home-route-stages .current a{border:1px solid var(--border-subtle);border-left-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}html[data-ui-theme][data-theme=light] .shell>aside nav a.active{color:var(--accent);background:var(--surface-control);border-color:#0000}html[data-ui-theme][data-theme=dark] .daily-hero{border:1px solid var(--border-subtle);background:var(--brand)}html[data-ui-theme][data-theme=dark] .daily-hero:before{background:0 0}html[data-ui-theme][data-theme=dark] .daily-copy .progress-bar{background:var(--border-subtle)}html[data-ui-theme][data-theme=dark] .course-visual{background:var(--surface-subtle)}html[data-ui-theme][data-theme=dark] .course-visual>span{color:var(--text-secondary)}html[data-ui-theme][data-theme=dark] .course-visual>small{color:var(--text-muted)}html[data-ui-theme][data-theme=dark] .course-visual>svg{color:var(--accent)}html[data-ui-theme][data-theme=dark] .course-visual>i{border-color:var(--border);color:var(--border)}html[data-ui-theme][data-theme=dark] .home-route-journey{box-shadow:var(--shadow-hover)}html[data-ui-theme][data-theme=dark] .home-route-stages .current a{border:1px solid var(--border);border-left-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}html[data-ui-theme][data-theme=dark] .shell>aside nav a.active{color:var(--accent);background:var(--surface-control);border-color:#0000}@media (max-width:1100px){html[data-ui-theme] .home-intro{grid-template-columns:minmax(0,1fr);row-gap:1.25rem}html[data-ui-theme] .home-intro>.home-language-picker{grid-area:auto/1}html[data-ui-theme=professional] .home-dashboard{grid-template-columns:1fr 1fr;grid-template-areas:"intro intro""hero hero""records records""tasks tasks""recent review""route route""recommended recommended""scenarios scenarios"}html[data-ui-theme=professional] .home-dashboard .week-overview{flex-direction:row;align-items:center}html[data-ui-theme=professional] .home-dashboard .week-numbers{flex:1;justify-content:space-around;display:flex}html[data-ui-theme=professional] .home-dashboard .week-numbers span{border:0;display:grid}html[data-ui-theme] .home-dashboard .today-tasks{grid-template-columns:1fr}html[data-ui-theme=warm] .shell>.shell-navigation{flex-wrap:wrap;justify-content:center;gap:.75rem}html[data-ui-theme=warm] .shell>aside nav{margin-left:0}}@media (min-width:761px) and (max-width:1199px){html[data-ui-theme=professional] .shell{grid-template-columns:176px minmax(0,1fr)}html[data-ui-theme=professional] .shell>.shell-navigation{width:176px;padding:1.5rem 1rem;overflow-y:auto}html[data-ui-theme] .shell>main{padding:2rem 1.5rem 4rem}html[data-ui-theme] .home-dashboard{gap:var(--space-6)}html[data-ui-theme] .home-dashboard .recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-ui-theme] .home-dashboard .recommend-grid>:first-child{grid-column:1/-1}html[data-ui-theme] .home-dashboard .scenario-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:761px) and (max-width:1000px){html[data-ui-theme=professional] .home-dashboard{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""hero""records""tasks""recent""review""route""recommended""scenarios"}html[data-ui-theme=playful] .home-dashboard{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""records""route""hero""tasks""recent""review""recommended""scenarios"}html[data-ui-theme] .home-dashboard .daily-hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding:1.5rem}html[data-ui-theme] .home-dashboard .daily-hero>.course-visual{display:none}}@media (max-width:760px){html[data-ui-theme] .shell>main{padding:1.5rem 1rem 7rem}html[data-ui-theme] .shell .brand{display:flex}html[data-ui-theme=professional] .shell>.shell-navigation{height:auto;min-height:4.5rem;padding:.25rem .3rem max(.35rem, env(safe-area-inset-bottom))}html[data-ui-theme=professional] .shell>.shell-navigation .brand{display:none}html[data-ui-theme=professional] .shell>aside nav a{min-height:3.4rem;font-size:var(--type-label);padding:.2rem .1rem}html[data-ui-theme=warm] .shell>.shell-navigation,html[data-ui-theme=playful] .shell>.shell-navigation{gap:.75rem;height:auto;padding:1rem .5rem .6rem;display:flex;position:static}html[data-ui-theme=warm] .shell>aside nav,html[data-ui-theme=playful] .shell>aside nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem;width:100%;display:grid}html[data-ui-theme=warm] .shell>aside nav a,html[data-ui-theme=playful] .shell>aside nav a{min-height:var(--control-min);font-size:var(--type-label);justify-content:center;gap:.35rem;padding:.35rem}html[data-ui-theme=warm] .shell>main,html[data-ui-theme=playful] .shell>main{padding-bottom:3rem}html[data-ui-theme] .home-dashboard{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}html[data-ui-theme] .home-intro>.home-intro-description{font-size:.875rem}html[data-ui-theme] .home-language-picker{grid-template-columns:minmax(0,1fr)}html[data-ui-theme] .home-language-card{min-height:7.75rem}html[data-ui-theme=professional] .home-dashboard{grid-template-areas:"intro""hero""tasks""records""recent""review""route""recommended""scenarios"}html[data-ui-theme=warm] .home-dashboard{grid-template-areas:"intro""hero""recent""tasks""route""review""recommended""scenarios""records"}html[data-ui-theme=playful] .home-dashboard{grid-template-areas:"intro""records""route""hero""tasks""recent""review""recommended""scenarios"}html[data-ui-theme] .home-dashboard .daily-hero{grid-template-columns:1fr;min-height:auto;padding:1.5rem}html[data-ui-theme] .home-dashboard .daily-hero>.course-visual{display:none}html[data-ui-theme] .home-dashboard .week-overview{flex-direction:column;align-items:stretch}html[data-ui-theme] .home-dashboard .week-numbers{justify-content:space-between;gap:.75rem;display:flex}html[data-ui-theme] .home-dashboard .recommend-grid{grid-template-columns:minmax(0,1fr)}html[data-ui-theme] .home-dashboard .home-path-card{align-items:flex-start;gap:var(--space-6);flex-direction:column}html[data-ui-theme=playful] .home-route-journey{padding:1.25rem}html[data-ui-theme=playful] .home-route-stages a{grid-template-columns:2.5rem minmax(0,1fr) .75rem;gap:.6rem;padding:.75rem}html[data-ui-theme=playful] .home-stage-number{width:2.5rem;height:2.5rem}html[data-ui-theme=playful] .home-route-stages>li:not(:last-child):after{left:2rem}}.course-heading-mobile,.course-paths-mobile,.course-label .course-mobile-featured,.course-card-body .course-mobile-summary,.course-card-body .course-mobile-action{display:none}.course-paths-wide{display:contents}@media (max-width:760px){html[data-ui-theme] .courses-page>main{padding:1.25rem 1rem calc(7rem + env(safe-area-inset-bottom));flex-direction:column;gap:0;display:flex}.courses-page .page-heading{margin:0 0 var(--space-4);order:0}.courses-page .course-heading-wide,.courses-page .page-heading>.eyebrow{display:none}.courses-page .course-heading-mobile{display:inline}.courses-page .page-heading h1{letter-spacing:-.025em;margin:0 0 .4rem;font-size:1.5rem;font-weight:650;line-height:1.4}.courses-page .page-heading>p:last-child{color:var(--text-secondary);font-size:var(--type-body-sm);line-height:var(--reading-line);margin:0}.courses-page .category-tabs{border:0;flex:none;order:1;gap:.4rem;margin:0 -1rem 1.25rem;padding:0 1rem .4rem;scroll-padding-inline:1rem}.courses-page .category-tabs button{min-height:var(--control-min);font-size:var(--type-body-sm);flex-shrink:0;padding:.5rem .85rem;line-height:1.4}.courses-page .featured-course,.courses-page .course-paths-wide{display:none}.courses-page .course-library{order:2;margin:0}.courses-page .course-library>.section-head{display:none}.courses-page .v2-course-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.courses-page .v2-course-card{padding:var(--space-4);box-shadow:none;border-radius:1rem;grid-template-columns:2.75rem minmax(0,1fr);align-items:start;gap:.85rem;display:grid}.courses-page .v2-course-card>.course-visual{background:var(--surface-control);border-radius:.8rem;place-items:center;width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0;display:grid}.courses-page .course-visual>:is(i,span,small){display:none}.courses-page .course-visual>svg{width:1.25rem;height:1.25rem;color:var(--accent);position:static}.courses-page .course-card-body{min-width:0;padding:0}.courses-page .course-label{flex-wrap:wrap;gap:.5rem;margin:0 0 .35rem}.courses-page .course-label :is(span,b){font-size:.75rem;line-height:1.5}.courses-page .course-label b{padding:.15rem .4rem}.courses-page .course-card-body h3{font-size:var(--type-h3);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-weight:650;line-height:1.45}.courses-page .course-card-body>small,.courses-page .course-card-body>p:not(.course-mobile-summary),.courses-page .course-card-body>.tag-row{display:none}html[data-ui-theme] .courses-page .course-card-body>.course-mobile-summary{min-height:0;font-size:var(--type-body-sm);line-height:var(--reading-line);color:var(--text-secondary);margin:.45rem 0 .8rem;display:block}.courses-page .course-facts{font-size:var(--type-body-sm);color:var(--text-secondary);flex-wrap:wrap;gap:.25rem .7rem;margin:0 0 .75rem;line-height:1.5;display:flex}.courses-page .course-facts>span:last-child{display:none}.courses-page .course-card-body>.progress-bar{height:4px}.courses-page .course-card-body footer{min-width:0;font-size:var(--type-caption);flex-wrap:wrap;gap:.5rem;margin:.5rem 0 0;line-height:1.5}.courses-page .course-card-body footer>svg{display:none}.courses-page .course-card-body .course-mobile-action{min-height:var(--control-min);font-size:var(--type-label);color:var(--accent);justify-content:center;align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.courses-page .course-card-body .course-mobile-action svg{flex-shrink:0}.courses-page .course-card-featured{padding:1.25rem;display:block;position:relative}.courses-page .course-card-featured>.course-visual{position:absolute;top:1.25rem;right:1.25rem}.courses-page .course-card-featured :is(.course-label,h3){padding-right:3.25rem}.courses-page .course-card-featured .course-label>span:first-child{display:none}.courses-page .course-card-featured .course-mobile-featured{color:var(--accent);font-weight:600;display:inline}.courses-page .course-card-featured h3{font-size:var(--type-h3)}.courses-page .course-card-featured .course-mobile-action{background:var(--brand-highlight);color:var(--accent-contrast);border-radius:.7rem;padding:.5rem .8rem}html[data-ui-theme=warm] .courses-page .course-card-featured{border-radius:1.5rem}html[data-ui-theme=playful] .courses-page .course-card-featured{border-top:3px solid var(--brand-highlight);border-radius:1.25rem}.courses-page .course-paths-mobile{order:3;display:block}.courses-page .learning-paths{margin:var(--space-8) 0 0}.courses-page .quick-lessons{order:4;margin:2rem 0 0}.courses-page .public-footer{order:5}.courses-page .section-head{margin-bottom:var(--space-4)}.courses-page .section-head h2{font-size:var(--type-h2);line-height:1.5}.courses-page :is(.learning-paths,.quick-lessons) .eyebrow{display:none}}.home-route-all{display:none}html[data-ui-theme] .records-page .page-heading{margin-bottom:var(--space-8)}html[data-ui-theme] .records-count{color:var(--text-secondary);margin:0 0 1rem;font-size:.875rem}html[data-ui-theme] .records-page .data-list{border:0;gap:.75rem;display:grid}html[data-ui-theme] .records-page .data-list>div{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);grid-template-columns:minmax(0,1fr) auto;gap:.75rem 1.25rem;padding:1.25rem;display:grid}html[data-ui-theme] .records-vocabulary .data-list>div{grid-template-columns:minmax(0,1fr) auto auto}html[data-ui-theme] .records-page .data-list>div>div{min-width:0}html[data-ui-theme] .records-page .data-list h3{font-size:var(--type-h3);line-height:var(--reading-line);overflow-wrap:anywhere;margin:0 0 .35rem}html[data-ui-theme] .records-page .data-list p{font-size:var(--type-body-sm);overflow-wrap:anywhere;margin:0}html[data-ui-theme] .records-page .record-status{font-size:var(--type-caption);border-radius:var(--radius-pill);background:var(--surface-control);color:var(--text-secondary);padding:.35rem .65rem}html[data-ui-theme] .records-page .word-audio-button{min-height:var(--control-min);font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-control);color:var(--accent);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.875rem;display:inline-flex}html[data-ui-theme=warm] .records-page .data-list{gap:1rem}html[data-ui-theme=warm] .records-page .data-list>div{border-radius:var(--radius-lg)}html[data-ui-theme=playful] .records-page .record-status{border:1px solid var(--border);color:var(--accent)}html[data-ui-theme] .course-detail-page :is(.unit-catalog article p,.detail-intro p:last-child){font-size:var(--type-body-sm);line-height:var(--reading-line)}html[data-ui-theme] .course-detail-page :is(.unit-actions a,.course-detail-hero .back){min-height:var(--control-min);font-size:var(--type-body-sm);justify-content:center;align-items:center;display:inline-flex}html[data-ui-theme] .course-detail-page :is(.unit-catalog small,.unit-catalog article footer b,.detail-facts span,.detail-facts b){font-size:var(--type-caption)}html[data-ui-theme] .course-detail-page .unit-catalog h3{font-size:var(--type-h3)}html[data-ui-theme] .course-detail-page .unit-catalog article>div>div,html[data-ui-theme] .course-detail-page .unit-actions{flex-wrap:wrap}html[data-ui-theme] .course-detail-page .unit-actions a{border-radius:var(--radius-sm);background:var(--surface-card);color:var(--accent);padding:.55rem .85rem}html[data-ui-theme] .course-detail-page .unit-actions a:hover{background:var(--surface-control)}html[data-ui-theme] .course-detail-page .detail-facts{flex-wrap:wrap}html[data-ui-theme][data-theme=light] .course-detail-hero{--on-brand-primary:var(--text-primary);--on-brand-secondary:var(--text-secondary);background:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-subtle)}html[data-ui-theme][data-theme=light] .course-detail-hero h1{color:var(--text-primary)}html[data-ui-theme] .course-detail-hero>.course-visual{background:var(--surface-subtle)}html[data-ui-theme] .course-detail-hero>.course-visual>span,html[data-ui-theme] .course-detail-hero>.course-visual>small{color:var(--text-secondary)}html[data-ui-theme] .course-detail-hero>.course-visual>svg{color:var(--accent)}html[data-ui-theme] .beta-page:not(.beta-dev-page) :is(.beta-button,.beta-text-button){min-height:var(--control-min);font-size:var(--type-label);line-height:1.5}html[data-ui-theme] .beta-page:not(.beta-dev-page) .beta-button-primary{background:var(--accent);color:var(--accent-contrast)}html[data-ui-theme] .beta-page:not(.beta-dev-page) :is(input,select){font-size:1rem}html[data-ui-theme] .beta-page:not(.beta-dev-page) :is(.beta-privacy-card li,.beta-privacy-card small,.beta-form label,.beta-notice){font-size:var(--type-body-sm);line-height:var(--reading-line)}@media (max-width:1024px){html[data-ui-theme] .courses-page .category-tabs button{min-height:var(--control-min)}}@media (max-width:760px){html[data-ui-theme] .home-shell .home-dashboard{gap:var(--space-4)}html[data-ui-theme] .home-shell .home-intro{row-gap:.25rem}html[data-ui-theme] .home-shell .home-intro h1{letter-spacing:-.025em;margin:.25rem 0;font-size:1.5rem;line-height:1.4}html[data-ui-theme] .home-shell .home-intro>p:last-child{font-size:var(--type-body-sm)}html[data-ui-theme] .home-shell .home-intro>.eyebrow{display:none}html[data-ui-theme] .home-shell .daily-hero{padding:1rem 1.125rem}html[data-ui-theme] .home-shell .daily-copy h2{font-size:1.5rem}html[data-ui-theme] .home-shell .daily-copy>span{margin-top:.5rem}html[data-ui-theme] .home-shell .daily-copy .progress-bar{margin:.5rem 0}html[data-ui-theme] .home-shell .daily-copy .button{width:100%}html[data-ui-theme] .home-shell .section-head h2{font-size:1.125rem}html[data-ui-theme] .home-shell .section-head{gap:var(--space-2);flex-wrap:wrap}html[data-ui-theme] .home-shell .section-head .eyebrow{display:none}html[data-ui-theme] .home-shell .section-head>span{text-align:left;max-width:none}html[data-ui-theme] .home-shell .week-overview{padding:var(--space-4)}html[data-ui-theme] .home-shell .week-overview h2{font-size:1.125rem}html[data-ui-theme] .home-shell .week-numbers{flex-wrap:wrap}html[data-ui-theme] .home-shell .week-numbers span{font-size:var(--type-caption)}html[data-ui-theme] .home-shell .week-numbers b{font-size:var(--type-h2)}html[data-ui-theme] .home-shell .review-panel{min-height:0;padding:var(--space-4)}html[data-ui-theme] .home-shell .review-panel h3{font-size:var(--type-h3);margin:.8rem 0 .5rem}html[data-ui-theme] .home-shell .review-panel>span{font-size:var(--type-h2)}html[data-ui-theme] .home-shell .recent-list>a>div:last-child{min-width:0;padding:.85rem}html[data-ui-theme] .home-shell .home-recent{padding:1rem}html[data-ui-theme] .home-shell .home-path-card{padding:var(--space-5);gap:var(--space-4)}html[data-ui-theme] .home-shell .home-path-card h2{font-size:1.25rem}html[data-ui-theme] .home-shell .scenario-row{grid-template-columns:minmax(0,1fr);gap:.65rem}html[data-ui-theme] .home-shell .scenario-row a{min-height:var(--control-min);gap:.35rem;padding:1rem}html[data-ui-theme] .home-shell .scenario-row b{font-size:1rem}html[data-ui-theme] .home-shell .scenario-row span{font-size:var(--type-caption)}html[data-ui-theme] .home-shell .recommend-grid>:is(a,div){min-width:0}html[data-ui-theme] .home-shell .v2-course-card{padding:var(--space-4);grid-template-columns:3rem minmax(0,1fr);gap:.85rem;display:grid}html[data-ui-theme] .home-shell .v2-course-card>.course-visual{border-radius:var(--radius-sm);width:3rem;min-height:3rem;padding:.4rem}html[data-ui-theme] .home-shell .v2-course-card>.course-visual>:is(i,small,svg){display:none}html[data-ui-theme] .home-shell .v2-course-card>.course-visual>span{letter-spacing:0;font-size:1rem}html[data-ui-theme] .home-shell .course-card-body{min-width:0;padding:0}html[data-ui-theme] .home-shell .course-card-body h3{font-size:var(--type-h3)}html[data-ui-theme] .home-shell .course-card-body>small{font-size:var(--type-caption)}html[data-ui-theme] .home-shell .course-facts{font-size:var(--type-caption);gap:.5rem;margin:.75rem 0}html[data-ui-theme] .home-shell .course-card-body footer{font-size:var(--type-caption)}html[data-ui-theme] .home-shell .mini-course{padding:var(--space-4)}html[data-ui-theme] .home-shell .mini-course .course-visual{display:none}html[data-ui-theme] .home-shell .mini-course h3{font-size:var(--type-h3)}html[data-ui-theme] .home-shell .mini-course>span{font-size:var(--type-caption)}html[data-ui-theme=playful] .home-dashboard{grid-template-areas:"intro""route""hero""records""tasks""recent""review""recommended""scenarios"}html[data-ui-theme=playful] .home-route-stages:has(.current)>li:not(.current){display:none}html[data-ui-theme=playful] .home-route-stages>li:after,html[data-ui-theme=playful] .home-route-description{display:none}html[data-ui-theme=playful] .home-route-journey{padding:1rem}html[data-ui-theme=playful] .home-route-all{min-height:var(--control-min);color:var(--accent);justify-content:center;align-items:center;gap:.35rem;margin-top:.5rem;font-size:.875rem;display:flex}.home-route-all svg{width:1rem}html[data-ui-theme] .course-detail-page .course-detail-hero{min-height:0;padding:1.25rem;display:block}html[data-ui-theme] .course-detail-page .course-detail-hero .back{justify-content:flex-start;margin:0 0 1rem}html[data-ui-theme] .course-detail-page .course-detail-hero h1{letter-spacing:-.025em;font-size:1.75rem;line-height:1.35}html[data-ui-theme] .course-detail-page .course-detail-hero h2{font-size:1rem;line-height:1.5}html[data-ui-theme] .course-detail-page .course-detail-hero>div>p:not(.eyebrow){font-size:var(--type-body-sm);line-height:var(--reading-line)}html[data-ui-theme] .course-detail-page .course-detail-hero .tag-row{margin-top:1rem}html[data-ui-theme] .course-detail-page .course-detail-hero .eyebrow,html[data-ui-theme] .course-detail-page .course-detail-hero>.course-visual{display:none}html[data-ui-theme] .course-detail-page .detail-facts{gap:.75rem 1.25rem;margin:1.25rem 0}html[data-ui-theme] .course-detail-page .course-hero-action{margin-top:1.25rem}html[data-ui-theme] .course-detail-page .course-hero-action .button{width:100%}html[data-ui-theme] .course-detail-page .detail-intro{gap:0;margin:1.5rem 0}html[data-ui-theme] .course-detail-page .detail-intro>div{padding:1rem 0}html[data-ui-theme] .course-detail-page .detail-intro h3{font-size:var(--type-h3)}html[data-ui-theme] .course-detail-page .detail-intro .eyebrow{display:none}html[data-ui-theme] .course-detail-page .unit-catalog .section-head{margin:var(--space-6) 0 var(--space-4);gap:var(--space-2);flex-wrap:wrap}html[data-ui-theme] .course-detail-page .unit-catalog .section-head h2{font-size:1.25rem}html[data-ui-theme] .course-detail-page .unit-catalog .section-head .eyebrow{display:none}html[data-ui-theme] .course-detail-page .unit-catalog .section-head>span{max-width:none;font-size:var(--type-caption);text-align:left}html[data-ui-theme] .course-detail-page .unit-catalog>article{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:1.5rem minmax(0,1fr);gap:.5rem;margin-bottom:.75rem;padding:1rem}html[data-ui-theme] .course-detail-page .unit-actions{gap:.5rem;margin-top:.5rem}html[data-ui-theme] .course-detail-page .unit-actions a{flex:5rem}html[data-ui-theme] .course-detail-page .unit-catalog article footer{flex-wrap:wrap;gap:.5rem 1rem}html[data-ui-theme] .course-detail-page .building-notice{margin:1.5rem 0;padding:1.25rem}html[data-ui-theme] .course-detail-page .building-notice h2{font-size:1.25rem}html[data-ui-theme] .course-detail-page .week-overview{margin:var(--space-6) 0;padding:var(--space-4)}html[data-ui-theme] .course-detail-page .week-overview h2{font-size:1.25rem}html[data-ui-theme] .course-detail-page .week-numbers{flex-wrap:wrap;gap:.75rem}html[data-ui-theme] .records-page .page-heading h1{letter-spacing:-.025em;margin:0 0 .5rem;font-size:1.5rem;line-height:1.4}html[data-ui-theme] .records-page .page-heading>.eyebrow{display:none}html[data-ui-theme] .records-page .page-heading>p:last-child{font-size:var(--type-body-sm);line-height:var(--reading-line)}html[data-ui-theme] .records-page .data-list>div{grid-template-columns:minmax(0,1fr);gap:.75rem;padding:1rem}html[data-ui-theme] .records-vocabulary .data-list>div{grid-template-columns:minmax(0,1fr) auto}html[data-ui-theme] .records-vocabulary .data-list>div>div{grid-column:1/-1}html[data-ui-theme] .records-page .record-status{justify-self:start}html[data-ui-theme] .records-page .state-card{min-height:15rem;padding:var(--space-6)}html[data-ui-theme] .records-page .state-card h3{font-size:var(--type-h3)}html[data-ui-theme] .records-page .state-card>span{font-size:var(--type-body-sm)}html[data-ui-theme] .beta-page:not(.beta-dev-page){gap:1.5rem}html[data-ui-theme] .beta-page:not(.beta-dev-page) .beta-page-header h1{font-size:1.5rem;line-height:1.4}html[data-ui-theme] .beta-page:not(.beta-dev-page) .beta-page-header>div>p:last-child{font-size:var(--type-body-sm)}html[data-ui-theme] .beta-page:not(.beta-dev-page) :is(.beta-identity-card,.beta-privacy-card){min-height:0;padding:1.25rem}html[data-ui-theme] .beta-page:not(.beta-dev-page) :is(.beta-form h2,.beta-identity-ready h2){font-size:1.25rem;line-height:1.5}}html[data-ui-theme] .home-explore-link{border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--text-primary);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.125rem;display:flex}html[data-ui-theme] .home-explore-link b{font-size:var(--type-body);display:block}html[data-ui-theme] .home-explore-link span{color:var(--text-secondary);font-size:var(--type-body-sm)}html[data-ui-theme] .home-explore-link svg{color:var(--text-secondary);width:1.1rem}html[data-ui-theme] .home-feedback-picker{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-subtle);margin-top:.5rem}html[data-ui-theme] .home-feedback-picker>summary{cursor:pointer;font-size:var(--type-body-sm);color:var(--text-secondary);padding:.75rem 1rem}html[data-ui-theme] .home-feedback-picker[open]>summary{border-bottom:1px solid var(--border-subtle)}html[data-ui-theme] .home-feedback-picker .home-language-picker{background:0 0;border:0;margin:0}.study-tools-region{display:contents}.study-tools-toggle{display:none}html[data-ui-theme] .settings-center .setting-toggle{background:var(--text-disabled)}html[data-ui-theme] .settings-center .setting-toggle.on{background:var(--accent)}html[data-ui-theme] .settings-center .range-control input{accent-color:var(--accent)}.settings-center [data-search][hidden]{display:none!important}@media (max-width:1199px){html[data-ui-theme] .settings-center .setting-toggle,html[data-ui-theme] .settings-center .setting-toggle.on{width:3.5rem;min-height:var(--control-min,44px);background:0 0;flex-shrink:0;padding:0;display:inline-flex;position:relative}html[data-ui-theme] .settings-center .setting-toggle:before{content:"";inset-inline:.25rem;background:var(--text-disabled);border-radius:999px;height:1.75rem;position:absolute;top:50%;transform:translateY(-50%)}html[data-ui-theme] .settings-center .setting-toggle.on:before{background:var(--accent)}html[data-ui-theme] .settings-center .setting-toggle i{width:1.25rem;height:1.25rem;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}html[data-ui-theme] .settings-center .setting-toggle.on i{left:calc(100% - 1.75rem)}html[data-ui-theme] .sound-card{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-ui-theme] .sound-card header{grid-column:1/-1;gap:.75rem}html[data-ui-theme] .sound-card header>div{flex-wrap:wrap;min-width:0}html[data-ui-theme] .sound-card header>div button{min-height:var(--control-min,44px);align-items:center;padding:.5rem;font-size:.875rem}html[data-ui-theme] .sound-card :is(.sound-preset,.range-control),html[data-ui-theme] .sound-card select{width:100%;min-width:0}html[data-ui-theme] .sound-card .range-control input{width:100%;min-width:0;min-height:var(--control-min,44px);flex:1}html[data-ui-theme] .sound-card .range-control output{text-align:right;flex-shrink:0;width:auto;min-width:3.5rem}}@media (max-width:760px){html[data-ui-theme] .learn-v2{min-height:100dvh;padding-bottom:calc(9rem + env(safe-area-inset-bottom));overscroll-behavior-y:contain;grid-template-rows:auto auto minmax(min-content,1fr) auto;align-content:start;height:100dvh;max-height:100dvh;overflow-y:auto}html[data-ui-theme] .study-header .learn-top{gap:.5rem .75rem;min-height:0;padding:.75rem 1rem .5rem}html[data-ui-theme] .lesson-identity{overflow-wrap:anywhere;min-width:0}html[data-ui-theme] .lesson-identity strong{font-size:.9375rem!important}html[data-ui-theme] .lesson-identity span{font-size:.75rem}html[data-ui-theme] .assist-bar{min-height:0;padding:.375rem 1rem .625rem}html[data-ui-theme] .assist-bar>button{display:none}html[data-ui-theme] .assist-bar .mode-stage{text-align:right;margin-left:auto}html[data-ui-theme] .study-tools-region{grid-area:tools;min-width:0;padding:.5rem 1rem;display:block}html[data-ui-theme] .study-tools-toggle{width:100%;min-height:var(--control-min,44px);border:1px solid var(--study-border);border-radius:var(--radius-control);background:var(--study-control);color:var(--study-text);font:inherit;cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.study-tools-toggle svg{flex-shrink:0;width:1rem;height:1rem}.study-tools-toggle span{color:var(--study-secondary);margin-left:auto}html[data-ui-theme] .study-tools-region[data-mobile-open=false] .study-tools{display:none}html[data-ui-theme] .study-tools-region .study-tools{border:1px solid var(--study-border);border-radius:var(--radius-panel);background:var(--study-card);grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem;margin-top:.5rem;padding:.5rem;display:grid}html[data-ui-theme] .study-tools-region .study-tools button{min-width:0;min-height:var(--control-min,44px);overflow-wrap:anywhere;padding:.5rem;font-size:.875rem}html[data-ui-theme] .learn-v2 .learn-body{width:calc(100% - 2rem);margin:.5rem auto 1rem;padding:1rem}html[data-ui-theme] .learn-body h1{overflow-wrap:anywhere;margin:1rem 0;font-size:1.5rem}html[data-ui-theme] .stage-guide{margin-bottom:.75rem}html[data-ui-theme] .speech-waveform-live{margin:.5rem auto}html[data-ui-theme] .answer-composer{gap:.75rem!important;margin-top:1rem!important}html[data-ui-theme] .answer-label{margin-bottom:.625rem}html[data-ui-theme] .learn .submit{margin-bottom:0}.study-keyboard-shortcut{display:none}html[data-ui-theme] .listening-choice-composer{margin-top:1rem}html[data-ui-theme] .listening-choice-options>button{min-height:var(--control-min,44px)}html[data-ui-theme] .listening-choice-options>button>strong{font-size:.9375rem;line-height:var(--reading-line)}html[data-ui-theme] .feedback-actions{flex-wrap:wrap;gap:.5rem}html[data-ui-theme] .learn .feedback small{line-height:var(--reading-line);font-size:.8125rem!important}html[data-ui-theme] .readable-diff{grid-template-columns:minmax(0,1fr)}html[data-ui-theme] .readable-diff strong{overflow-wrap:anywhere;font-size:1rem}html[data-ui-theme] .hint-entry kbd{display:none}html[data-ui-theme] .token-hint-head>button{min-width:var(--control-min,44px);min-height:var(--control-min,44px)}html[data-ui-theme] .token-hint-head strong{font-size:.9375rem}html[data-ui-theme] .token-hint-grid b{overflow-wrap:anywhere;font-size:1.125rem}html[data-ui-theme] .speech-notice{overflow-wrap:anywhere;font-size:.8125rem}html[data-ui-theme] .navigation-bar{padding-block:.5rem calc(.5rem + env(safe-area-inset-bottom));gap:.25rem}html[data-ui-theme] .navigation-bar button{min-height:var(--control-min,44px)}html[data-ui-theme] .navigation-bar button:last-of-type{font-weight:700}html[data-ui-theme=playful] .study-milestone{gap:.75rem;width:calc(100% - 2rem);margin-top:.75rem}.study-milestone>span{border-radius:var(--radius-control);width:2.5rem;height:2.5rem;font-size:1.125rem}html[data-ui-theme] .display-panel{max-height:calc(100dvh - 1.5rem);padding:1rem;inset:auto .75rem .75rem}html[data-ui-theme] .display-panel .study-panel-title{margin-bottom:.5rem}html[data-ui-theme] .display-panel .study-panel-title button{flex-shrink:0}html[data-ui-theme] .display-panel :is(select,textarea){min-width:0;max-width:100%}html[data-ui-theme] .course-reading-complete div{flex-wrap:wrap}html[data-ui-theme] .course-reading-complete button{min-height:var(--control-min,44px)}html[data-ui-theme] .settings-center{min-width:0}html[data-ui-theme] .settings-heading{gap:.75rem;margin-bottom:1rem;display:grid}html[data-ui-theme] .settings-heading .eyebrow{display:none}html[data-ui-theme] .settings-heading h1{letter-spacing:-.025em;margin:0;font-size:1.75rem;line-height:1.3}html[data-ui-theme] .settings-heading p{margin:.375rem 0 0}html[data-ui-theme] .settings-heading .settings-search{width:100%;margin-top:0}html[data-ui-theme] .settings-tabs{overscroll-behavior-inline:contain;flex-wrap:nowrap;gap:.25rem;max-width:100%;margin:0 0 1rem;padding:.375rem 0;display:flex;overflow-x:auto}html[data-ui-theme] .settings-tabs button{min-height:var(--control-min,44px);flex:none;padding:.5rem .75rem}html[data-ui-theme] .settings-path-entry{gap:.75rem;margin-bottom:1rem;padding:1rem}html[data-ui-theme] .settings-path-entry .button{justify-content:center;width:100%}html[data-ui-theme] .settings-panel{min-width:0;padding:0 1rem 1rem}html[data-ui-theme] .settings-panel>header{align-items:center;gap:.625rem;padding:1rem 0}html[data-ui-theme] .settings-panel>header h2{font-size:1.25rem;line-height:1.4}html[data-ui-theme] .setting-row{gap:.75rem;padding:1rem 0}html[data-ui-theme] .setting-control{text-align:left;flex-wrap:wrap;width:100%;min-width:0}html[data-ui-theme] .setting-control select{flex:10rem;width:100%;min-width:0}html[data-ui-theme] .setting-control .preview-button{flex-shrink:0}html[data-ui-theme] .setting-control .setting-toggle{margin-left:auto}html[data-ui-theme] .setting-control:has(>.setting-toggle:only-child){align-self:flex-end;width:auto}html[data-ui-theme] .setting-row:has(>.setting-control>.setting-toggle:only-child){grid-template-columns:minmax(0,1fr) auto;display:grid}html[data-ui-theme] .settings-center .range-control{width:100%;min-width:0}html[data-ui-theme] .settings-center .range-control input{width:100%;min-width:0;min-height:var(--control-min,44px);flex:1}html[data-ui-theme] .settings-center .range-control output{text-align:right;flex-shrink:0;width:auto;min-width:3.5rem}html[data-ui-theme] .sound-card{grid-template-columns:minmax(0,1fr)}html[data-ui-theme] .sound-card header,html[data-ui-theme] .sound-card header>div{flex-wrap:wrap;gap:.5rem}html[data-ui-theme] .sound-card header>.setting-toggle{flex-shrink:0;margin-left:auto}html[data-ui-theme] .sound-preset small{font-size:.8125rem;line-height:var(--reading-line)}html[data-ui-theme] .appearance-card{padding:1rem}html[data-ui-theme] .appearance-heading{gap:.75rem;margin-bottom:1rem}html[data-ui-theme] .appearance-heading h2{font-size:1.25rem}html[data-ui-theme] .appearance-heading>div,html[data-ui-theme] .theme-choice-copy{overflow-wrap:anywhere;min-width:0}html[data-ui-theme] .theme-choice{grid-template-columns:minmax(5rem,.65fr) minmax(0,1fr)}html[data-ui-theme] .appearance-preview-controls>a{overflow-wrap:anywhere}html[data-ui-theme] .appearance-mode>div{min-width:0}html[data-ui-theme] .appearance-mode button{padding-inline:.75rem}html[data-ui-theme] .appearance-reading-sample{overflow-wrap:anywhere;padding:1rem}html[data-ui-theme] .typography-controls label{min-width:0}html[data-ui-theme] .wave-config{padding:.75rem}html[data-ui-theme] .wave-stage{min-height:6rem}html[data-ui-theme] :is(.study-tools-toggle,.settings-tabs button,.study-panel-title button):focus-visible{outline:3px solid var(--accent);outline-offset:2px}}@media (max-width:760px) and (max-height:700px){html[data-ui-theme] .study-header .learn-top{padding:.5rem 1rem .25rem}html[data-ui-theme] .assist-bar{padding:.25rem 1rem}html[data-ui-theme] .study-tools-region{padding:.125rem 1rem}html[data-ui-theme] .learn-v2 .learn-body{margin-top:.25rem;padding:.5rem .75rem .75rem}html[data-ui-theme] .learn-body h1{margin:.375rem 0;font-size:1.375rem}html[data-ui-theme] .stage-guide{margin-bottom:.125rem;line-height:1.2}html[data-ui-theme] .speech-waveform-live{min-height:1.75rem;margin:.125rem auto}html[data-ui-theme] .learn .speech-error{margin-block:0;padding:.25rem .5rem;font-size:.75rem;line-height:1.3}html[data-ui-theme] .answer-composer{gap:.5rem!important;margin-top:.5rem!important}html[data-ui-theme] .listening-choice-composer{margin-top:.5rem}html[data-ui-theme] .navigation-bar{padding-block:.375rem calc(.375rem + env(safe-area-inset-bottom))}}@media (max-width:760px) and (max-height:640px){html[data-ui-theme] .learn-v2{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}html[data-ui-theme] .learn-v2 .navigation-bar{z-index:auto;position:static}html[data-ui-theme] .learn-v2 .study-header .learn-top{padding:.375rem .75rem 0}html[data-ui-theme] .learn-v2 .assist-bar{padding:.125rem .75rem}html[data-ui-theme] .learn-v2 .study-tools-region{padding:0 .75rem}html[data-ui-theme] .learn-v2 .learn-body{margin-top:.125rem;padding:.375rem .75rem .5rem}html[data-ui-theme] .learn-v2 .learn-body h1{margin:.25rem 0;font-size:1.25rem}html[data-ui-theme] .learn-v2 .stage-guide{margin-bottom:0}html[data-ui-theme] .learn-v2 .answer-composer{gap:.375rem!important;margin-top:.375rem!important}}html[data-ui-theme] :is(.path-result article,.today-path,.pronunciation-course-card,.pronunciation-course-card.american){color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-panel)}html[data-ui-theme] :is(.today-path span,.today-path p,.today-path i,.pronunciation-course-card>small,.pronunciation-course-card p){color:var(--text-secondary)}html[data-ui-theme] :is(.today-path i,.pronunciation-course-card footer){border-color:var(--border-subtle)}html[data-ui-theme] :is(.result-mark,.goal-grid button svg:first-child){color:var(--accent);background:var(--surface-control)}html[data-ui-theme] :is(.pace-picker,.goal-grid button,.stage-progress,.stage-detail section){border-radius:var(--radius-panel)}html[data-ui-theme] :is(.pace-picker button,.stage-actions button,.result-facts span){color:var(--text-primary);border-radius:var(--radius-control)}html[data-ui-theme] :is(.cover-symbol,.american .cover-symbol){color:var(--accent)}html[data-ui-theme] .accent-tabs button{color:var(--text-secondary);border-color:var(--border-subtle);border-radius:var(--radius-control)}html[data-ui-theme] .accent-tabs button.active{color:var(--accent);background:var(--surface-control);border-color:var(--accent)}html[data-ui-theme] :is(.foundation-route,.minimal-pair-library,.phoneme-list>a){color:var(--text-primary);background:var(--surface-card);border-color:var(--border-subtle);border-radius:var(--radius-panel)}html[data-ui-theme] :is(.foundation-route li,.minimal-pair-library article){color:var(--text-primary);background:var(--surface-subtle);border-color:var(--border-subtle);border-radius:var(--radius-control)}html[data-ui-theme] :is(.foundation-route>div>p:last-child,.foundation-route li span,.foundation-route li small,.minimal-pair-library article span,.phoneme-list small,.phoneme-list .status){color:var(--text-secondary)}html[data-ui-theme] .phoneme-list .status.mastered{color:var(--text-success)}html[data-ui-theme] .phoneme-list .status.learning{color:var(--text-warning)}html[data-ui-theme] .directory-progress{background:var(--surface-control)}html[data-ui-theme] .directory-progress i{background:var(--accent)}html[data-ui-theme] .phoneme-study{color:var(--text-primary);background:var(--surface-page)}html[data-ui-theme] :is(.phoneme-card,.articulation,.examples,.phoneme-details>div,.phoneme-practice,.repeat){border-color:var(--border-subtle);border-radius:var(--radius-panel)}html[data-ui-theme] :is(.phoneme-card button,.example-grid>button,.contrast button,.phoneme-practice>div button,.phoneme-report-trigger,.phoneme-report-panel,.phoneme-report-panel select,.phoneme-report-panel textarea,.phoneme-report-submit,.check-answer,.phoneme-pause button){border-radius:var(--radius-control)}html[data-ui-theme] :is(.phoneme-card>b,.articulation>div>b,.segments b.focus,.spelling-row b,.repeat svg,.lesson-message){color:var(--accent)}html[data-ui-theme] .segments b.focus{border-color:var(--accent)}html[data-ui-theme] :is(.articulation>div,.spelling-row b){border-color:var(--border-subtle)}html[data-ui-theme] .articulation-diagram .tongue{stroke:var(--accent)}html[data-ui-theme] .articulation-diagram .voice.on{fill:var(--accent)}html[data-ui-theme] .phoneme-practice>div button.active{color:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}html[data-ui-theme] :is(.check-answer,.phoneme-report-submit,.phoneme-pause button){color:var(--accent-contrast);background:var(--brand-highlight)}html[data-ui-theme] :is(.phoneme-practice .correct,.phoneme-feedback-message){color:var(--text-success)}html[data-ui-theme] :is(.phoneme-practice .wrong,.phoneme-feedback-message.error){color:var(--text-danger)}html[data-ui-theme] .phoneme-study>footer button:nth-child(4){color:var(--accent)}html[data-ui-theme] .phoneme-audio-notice{color:var(--text-secondary);background:var(--surface-subtle);border-color:var(--border-subtle);border-radius:var(--radius-control)}html[data-ui-theme] :is(.phoneme-report-panel label,.phoneme-report-panel header small,.phoneme-feedback-count){color:var(--text-secondary)}html[data-ui-theme] .phoneme-pause{color:var(--text-primary);background:var(--surface-page)}html[data-ui-theme] .phoneme-study :is(button,select){min-height:var(--control-min)}html[data-ui-theme] .path-skip{min-height:max(44px, var(--control-min,44px))}html[data-ui-theme] .pronunciation-directory-head .primary{min-height:max(44px, var(--control-min,44px));align-items:center;gap:.5rem;padding:.5rem .75rem;display:inline-flex}html[data-ui-theme] .phoneme-study>header>button{min-width:max(44px, var(--control-min,44px));justify-content:center}@media (max-width:760px){html[data-ui-theme] :is(.learning-path-page,.pronunciation-page)>main{padding:1.25rem 1rem calc(7rem + env(safe-area-inset-bottom))}.learning-path-page :is(.path-onboarding,.path-result,.my-path,.stage-detail,.path-empty){min-width:0;padding:0}.learning-path-page h1,html[data-ui-theme] .my-path>header h1,html[data-ui-theme] .pronunciation-page h1{letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 .5rem;font-size:1.5rem;line-height:1.4}.learning-path-page h2,.pronunciation-page h2{font-size:1.125rem;line-height:1.5}.learning-path-page :is(p,small),.pronunciation-page p{font-size:.875rem;line-height:var(--reading-line)}.learning-path-page :is(.path-onboarding>header,.my-path>header,.stage-detail,.path-result)>.eyebrow,.learning-path-page :is(.path-onboarding>header,.my-path>header>div)>.eyebrow,.pronunciation-page :is(.pronunciation-hero,.pronunciation-map,.foundation-route>div,.phoneme-groups>section>div,.minimal-pair-library)>.eyebrow{display:none}.path-onboarding>header{text-align:left}.path-onboarding>header>p:last-child{color:var(--text-secondary);margin:0}.goal-grid{grid-template-columns:minmax(0,1fr);gap:.75rem;margin:1.25rem 0}.goal-grid button{min-height:var(--control-min);gap:.75rem;padding:1rem}.goal-grid button svg:first-child{flex:0 0 2.5rem;width:2.5rem;height:2.5rem;padding:.6rem}.goal-grid button span{gap:.25rem;min-width:0}.goal-grid button b{font-size:1rem;line-height:1.5}.goal-grid button small{font-size:.8125rem}.goal-grid button>svg:last-child:not(:first-child){flex-shrink:0;width:1.125rem}.pace-picker{padding:1rem}.pace-picker>div:first-child{align-items:flex-start;gap:.65rem}.pace-picker>div:first-child>svg{flex-shrink:0;width:1.25rem}.pace-picker>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.85rem;display:grid}.pace-picker button{min-width:0;min-height:var(--control-min);padding:.6rem .2rem;font-size:.875rem}.pace-picker button small{font-size:.75rem}.path-onboarding>footer{flex-direction:column;align-items:stretch;gap:.5rem;margin-top:1.25rem}.learning-path-page :is(.button,.stage-actions button,.path-skip),.pronunciation-page :is(.primary,.accent-tabs button,.back){white-space:normal}.path-onboarding>footer .button{width:100%;padding:.75rem}.path-skip{padding:.6rem}.path-result>h1{margin-top:1rem}.result-mark{width:3rem;height:3rem}.result-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1.25rem 0;display:grid}.result-facts span{min-width:0;padding:.65rem .25rem;font-size:.8125rem}.result-facts b{font-size:1.125rem}.path-result article{margin:1.25rem 0;padding:1rem}.path-result article h3{margin:.4rem 0;font-size:1.125rem}.path-result .button{width:100%}.my-path>header{display:block}.my-path>header p{color:var(--text-secondary);margin:0}.path-overall{text-align:left;color:var(--text-secondary);align-items:baseline;gap:.5rem;margin-top:.6rem;font-size:.8125rem;display:flex}.path-overall b{color:var(--accent);font-size:1rem}.today-path{flex-direction:column;align-items:stretch;gap:1rem;margin:1.25rem 0;padding:1.25rem}.today-path h2{margin:.35rem 0;font-size:1.25rem}.today-path p{margin:0}.today-path>div>div{flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.today-path i{flex:7rem;min-width:0;padding:.5rem .65rem;font-size:.8125rem}.stage-list>a{grid-template-columns:2rem minmax(0,1fr) 1rem;gap:.75rem;padding:1rem}.stage-list>a>span{width:2rem;height:2rem;font-size:.875rem}.stage-list>a>svg{width:1rem}.stage-list h3{font-size:1rem;line-height:1.5}.stage-list :is(p,small){font-size:.8125rem}.stage-detail>a:first-child{min-height:var(--control-min);color:var(--text-secondary);align-items:center;margin-bottom:.75rem;font-size:.875rem;display:inline-flex}.stage-progress,.stage-detail section{margin:1.25rem 0;padding:1rem}.stage-progress>span{color:var(--text-secondary);margin-top:.6rem;font-size:.8125rem;display:block}.stage-actions{grid-template-columns:minmax(0,1fr);gap:.6rem;display:grid}.stage-actions>*{width:100%;padding:.65rem}html[data-ui-theme=playful] .today-path{border-top:3px solid var(--accent)}.pronunciation-hero{margin-bottom:1rem}.pronunciation-hero>p:last-child{margin:0;font-size:.875rem}.pronunciation-page .accent-tabs{gap:.5rem;margin:0 0 1.25rem;padding:0}.pronunciation-page .accent-tabs button{flex:1 0 auto;padding:.5rem .7rem}.pronunciation-course-grid{gap:1rem}.pronunciation-course-card{min-height:0;padding:1.25rem}.pronunciation-course-card .cover-symbol{margin:0 0 .5rem;font-size:2.25rem;line-height:1.2}.pronunciation-course-card>small{display:none}.pronunciation-course-card h2{margin:0;font-size:1.25rem}.pronunciation-course-card p{margin:.5rem 0 1rem}.pronunciation-course-card footer{flex-wrap:wrap;gap:.5rem;padding-top:.75rem;font-size:.8125rem}.pronunciation-course-card footer b{color:var(--accent)}.pronunciation-map{margin-top:1.75rem}.pronunciation-map-grid article{padding:1rem}.pronunciation-map-grid small{font-size:.75rem}.pronunciation-skills{font-size:.8125rem}.pronunciation-page .back{margin-bottom:.75rem}.pronunciation-directory-head>p:not(.eyebrow){color:var(--text-secondary);margin:.5rem 0}.directory-progress{width:100%;margin-top:1rem}.pronunciation-directory-head .primary{width:100%;color:var(--accent-contrast);background:var(--brand-highlight);border-radius:var(--radius-control);justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.65rem 1rem;display:inline-flex}.foundation-route,.minimal-pair-library{gap:1rem;margin:1.25rem 0;padding:1rem}.minimal-pair-library :is(article,.mp-card-head,.mp-pairs,.mp-pair){min-width:0}.foundation-route>div>p:last-child{margin-bottom:0}.foundation-route li{grid-template-columns:1.5rem minmax(0,1fr);padding:.75rem}.foundation-route li b{font-size:.875rem}.foundation-route li span,.minimal-pair-library article span{font-size:.8125rem}.phoneme-groups{gap:1.5rem;margin-top:1.5rem}.phoneme-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.phoneme-list>a{grid-template-columns:minmax(0,1fr);min-height:0;padding:.85rem}.phoneme-list>a strong{overflow-wrap:anywhere;font-size:.875rem}.phoneme-list>a>b{grid-column:auto;font-size:1.75rem}.phoneme-list small,.phoneme-list .status{font-size:.75rem}html[data-ui-theme] .phoneme-study{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.phoneme-study>header{gap:.5rem;height:auto;min-height:4rem;padding:.5rem 1rem}.phoneme-study>header>button{flex:0 0 var(--control-min);justify-content:center}.phoneme-study>header>div{flex:1;min-width:0}.phoneme-study>header strong{overflow-wrap:anywhere;font-size:.875rem;line-height:1.4}.phoneme-study>header span{font-size:.75rem}.phoneme-study>header nav{flex-shrink:0;gap:.25rem}.phoneme-study>header nav>span{display:none}.phoneme-study>header nav button{padding:.5rem .25rem;font-size:.8125rem}.phoneme-study main{width:auto;min-width:0;margin:1rem 1rem 1.5rem}.phoneme-intro{grid-template-columns:minmax(0,1fr);gap:1rem}.phoneme-card{gap:.65rem;min-height:0;padding:1.25rem}.phoneme-card>small{display:none}.phoneme-card>span{font-size:.875rem}.phoneme-card>b{font-size:4rem;line-height:1.25}.phoneme-card button{width:100%;max-width:20rem;padding:.6rem;font-size:.875rem}.phoneme-card em,.phoneme-card .accent-note{max-width:none;font-size:.8125rem;line-height:var(--reading-line)}.phoneme-study :is(.articulation,.examples,.phoneme-details>div,.phoneme-practice,.repeat){min-width:0;padding:1rem}.phoneme-study :is(h2,h3){font-size:1.125rem;line-height:1.5}.phoneme-study .eyebrow{display:none}.phoneme-study :is(.articulation,.examples,.phoneme-practice) h2{margin:0 0 1rem}.articulation>div{grid-template-columns:1.75rem minmax(0,1fr);gap:.5rem;padding:.85rem 0}.articulation>div span{font-size:.875rem}.articulation-diagram>div{grid-template-columns:2rem minmax(0,1fr)!important}.articulation-diagram :is(span,b){font-size:.8125rem;line-height:var(--reading-line)}.example-grid{grid-template-columns:minmax(0,1fr)}.example-grid>button{padding:1rem}.example-grid strong{font-size:1.5rem}.example-grid>span{font-size:1rem}.example-grid small{font-size:.8125rem}.segments,.spelling-row{flex-wrap:wrap;justify-content:center}.phoneme-details{grid-template-columns:minmax(0,1fr)}.phoneme-study :is(.phoneme-details p:not(.eyebrow),.phoneme-audio-notice,.repeat p){font-size:.875rem;line-height:var(--reading-line)}.phoneme-practice>div{flex-wrap:wrap}.phoneme-practice>div button{overflow-wrap:anywhere;flex:6rem;min-width:0;font-size:1rem}.phoneme-study .check-answer{width:100%;padding:.65rem 1rem;font-size:.875rem}.phoneme-practice>p{font-size:.875rem}.repeat{align-items:flex-start}.repeat>svg{flex-shrink:0}.phoneme-feedback{display:block}.phoneme-report-trigger{justify-content:center;width:100%;font-size:.875rem}.phoneme-report-panel{width:100%;margin-top:.75rem;padding:1rem;position:static}.phoneme-report-panel label,.phoneme-feedback-message{font-size:.875rem}.phoneme-report-panel select,.phoneme-report-panel textarea{font-size:1rem}.phoneme-study>footer{z-index:6;height:auto;min-height:4.5rem;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(0,1fr));gap:.15rem;display:grid}.phoneme-study>footer button{flex-direction:column;justify-content:center;gap:.25rem;min-width:0;padding:.3rem .1rem;font-size:.75rem;line-height:1.35}.phoneme-study>footer svg{width:1.125rem;height:1.125rem}.phoneme-study>footer button:last-child svg{order:-1}.phoneme-pause{z-index:10;padding:1rem;inset:0}.phoneme-pause button{padding:.65rem 1rem}}.admin-date-short{display:none}@media (max-width:600px){html[data-ui-theme] .learn-v2{flex-direction:column;height:100dvh;min-height:0;max-height:100dvh;padding:0;display:flex;overflow:hidden}html[data-ui-theme] .learn-v2>.study-header{flex:none}html[data-ui-theme] .learn-v2 .learn-top{grid-template-columns:44px minmax(0,1fr);gap:.5rem;padding:.5rem .75rem}html[data-ui-theme] .learn-v2 .study-header-label{display:none}html[data-ui-theme] .learn-v2 .lesson-identity span{font-size:.75rem;line-height:1.4;display:block}html[data-ui-theme] .learn-v2 .assist-bar{gap:.5rem;padding:.25rem .75rem .5rem}html[data-ui-theme] .learn-v2 .study-tools-region{flex:none;max-height:30dvh;padding:.25rem .75rem;overflow:auto}html[data-ui-theme] .learn-v2 .study-tools{position:static}html[data-ui-theme] .learn-v2 .study-tools-title{grid-column:1/-1;margin:.25rem}html[data-ui-theme] .learn-v2 .learn-body{overscroll-behavior:contain;overflow-wrap:anywhere;flex:1 1 0;align-self:stretch;width:calc(100% - 1.5rem);min-width:0;min-height:0;margin:.5rem .75rem;padding:1rem .75rem;scroll-padding-block:1rem;overflow:hidden auto}html[data-ui-theme] .learn-v2 .answer-composer{width:100%;min-width:0}html[data-ui-theme] .learn-v2 .answer-composer .submit{width:100%;min-height:48px;position:static}html[data-ui-theme] .learn-v2 .word-slot,html[data-ui-theme] .learn-v2 .answer-slot-input{min-width:0;max-width:100%}html[data-ui-theme] .learn-v2 .token-hint-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}html[data-ui-theme] .learn-v2 .token-hint-grid>button{min-width:0}html[data-ui-theme] .learn-v2 .token-hint-grid :is(p,.token-hint-role){font-size:.8125rem;color:var(--study-secondary)!important}html[data-ui-theme] .learn-v2 .listening-choice-options{grid-template-columns:minmax(0,1fr)}html[data-ui-theme] .learn-v2 .speech-notice{text-align:left;border-radius:.5rem;width:100%;max-width:100%;margin:.5rem 0;padding:.5rem .625rem;position:static;transform:none}html[data-ui-theme] .learn-v2 .navigation-bar{width:100%;min-height:0;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom));flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;max-height:40dvh;display:grid;position:relative;inset:auto;overflow-y:auto}html[data-ui-theme] .learn-v2 .navigation-bar button{gap:.25rem;min-height:44px;padding:.5rem .25rem}html[data-ui-theme] .learn-v2 .navigation-bar :is(.audio-status,.action-status){border-radius:.5rem;grid-column:1/-1;min-width:0;font-size:.8125rem}html[data-ui-theme] .learn-v2 .feedback-actions{grid-template-columns:minmax(0,1fr);display:grid}html[data-ui-theme] .learn-v2 .feedback-actions button{white-space:normal;min-height:44px}html[data-ui-theme] .learn-v2 :is(.word-card,.display-panel){width:auto;max-width:none;height:auto;min-height:0;max-height:calc(100dvh - 12rem - env(safe-area-inset-bottom));overflow-wrap:anywhere;position:fixed;inset:.75rem .75rem auto;overflow:auto}html[data-ui-theme] .learn-v2 .word-audio{flex-wrap:wrap}html[data-ui-theme] .learn-v2 .word-audio button{min-height:44px}html[data-ui-theme] .membership-session-error{max-height:20dvh;top:.5rem;overflow:auto}.admin-app .admin-topbar{grid-template-columns:44px minmax(0,1fr) 34px;gap:.5rem;height:auto;min-height:64px;padding:.75rem;position:relative}.admin-app .admin-skip-link{max-width:calc(100% - 1.5rem);top:0;left:.75rem;transform:translateY(-150%)}.admin-app .admin-skip-link:focus{top:.5rem;transform:none}.admin-app .admin-menu-button{width:44px;height:44px}.admin-app .admin-topbar>div:first-of-type{overflow-wrap:anywhere;min-width:0}.admin-app .admin-topbar>form{display:none}.admin-app .admin-account{grid-area:1/3}.admin-app .admin-text-size{grid-area:2/1/auto/-1;justify-content:space-between}.admin-app .admin-text-size select{max-width:160px;min-height:44px;font-size:16px}.admin-app .admin-workspace>main{padding:1rem .75rem calc(1rem + env(safe-area-inset-bottom))}.admin-app .admin-page,.admin-app .admin-panel,.admin-app .admin-dashboard-grid{min-width:0}.admin-app .admin-page-heading{overflow-wrap:anywhere;gap:1rem;margin-bottom:1rem}.admin-app .admin-page-heading h1{font-size:1.75rem}.admin-app .admin-segmented{width:100%}.admin-app .admin-segmented button{flex:1;min-height:44px;padding:.5rem .25rem}.admin-app .admin-page:has(.admin-segmented)>.admin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.admin-app .admin-page:has(.admin-segmented) .admin-card-grid>article{min-width:0;min-height:132px;box-shadow:none;gap:.625rem;padding:.75rem}.admin-app .admin-card-grid>article>div{overflow-wrap:anywhere;align-items:flex-start;gap:.375rem;line-height:1.4}.admin-app .admin-card-grid>article svg{flex-shrink:0}.admin-app .admin-card-grid>article strong{overflow-wrap:anywhere}.admin-app .admin-panel{padding:1rem .75rem}.admin-app .admin-panel>header{margin-bottom:.875rem}.admin-app .admin-panel h2,.admin-app .admin-panel p{overflow-wrap:anywhere}.admin-app .admin-dashboard-grid{grid-template-columns:minmax(0,1fr);gap:.75rem}.admin-app .admin-trend-chart-wrap{max-width:100%;overflow-x:auto}.admin-app .admin-trend-bars[data-days="7"]{gap:.25rem;min-width:0;grid-template-columns:repeat(7,minmax(0,1fr))!important}.admin-app .admin-trend-bars[data-days="7"] .admin-trend-bar{min-width:1px}.admin-app .admin-trend-bars[data-days="7"] .admin-trend-bars-stack{gap:1px}.admin-app .admin-date-full{display:none}.admin-app .admin-date-short{font-size:9px;display:inline}.admin-app .admin-chart-legend{flex-wrap:wrap;gap:.5rem}.admin-app .admin-pending-list>*{gap:.75rem;padding:.75rem}.admin-app .admin-pending-list span{overflow-wrap:anywhere;min-width:0}.admin-app .admin-bar-list>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 24px}.admin-app .admin-activity-list>div{overflow-wrap:anywhere;grid-template-columns:8px minmax(0,1fr);padding-block:.625rem}.admin-app .admin-activity-list time{grid-column:2}}html[data-ui-theme][data-theme] :is(.shell,.learn,.cp-page,.membership-gate,.admin-test-banner){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-overlay:#04060cbd;--text-primary:#eceff7;--text-secondary:#a8b0c2;--text-muted:#8590a4;--text-disabled:#616b7e;--text-on-accent:#0e0b22;--brand:#131722;--brand-highlight:#8b7bff;--brand-highlight-hover:#9d8fff;--brand-muted:#98a2b6;--accent:var(--user-accent,#8b7bff);--accent-contrast:#0e0b22;--success:#53d6c6;--danger:#ff6b6b;--warning:#f6c453;--info:#5ba8ff;--locked:#6b7488;--text-success:#7ce4d6;--text-danger:#ff9494;--text-warning:#f8d47e;--selection-surface:#8b7bff;--selection-text:#0e0b22;--on-brand-primary:#eceff7;--on-brand-secondary:#a8b0c2;--course-foundation:#8b7bff;--course-speaking:#53d6c6;--course-travel:#5ba8ff;--course-work:#7f8cf5;--course-pronunciation:#6fd8e6;--course-vocabulary:#f6c453;--shadow-hover:0 10px 28px #00000057;--shadow-overlay:0 26px 70px #0000008f;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--motion-fast:.14s;--motion-base:.2s;--motion-slow:.28s;--echo-ease:cubic-bezier(.22, .61, .36, 1);--study-page:var(--surface-page);--study-subtle:var(--surface-subtle);--study-card:var(--surface-card);--study-elevated:var(--surface-elevated);--study-control:var(--surface-control);--study-input:var(--surface-input);--study-text:var(--text-primary);--study-secondary:var(--text-secondary);--study-muted:var(--text-muted);--study-disabled:var(--text-disabled);--study-border:var(--border);--card-bg:var(--surface-card);--card-border-color:var(--border-subtle);--card-shadow:none;--card-radius:var(--radius-md);--content-max:1180px;--radius-tag:var(--radius-sm);--radius-control:var(--radius-md);--radius-panel:var(--radius-lg);--button-radius:var(--radius-md);--shadow-float:var(--shadow-overlay)}html[data-ui-theme][data-theme=light] :is(.shell,.learn,.cp-page,.membership-gate,.admin-test-banner){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-overlay:#161a2c6b;--echo-lt-text-primary:#131a2b;--echo-lt-text-primary-d:#0b1020;--echo-lt-text-secondary:#3d4762;--echo-lt-text-secondary-d:#12192e;--echo-lt-text-muted:#57617a;--echo-lt-text-muted-d:#1b2339;--echo-lt-text-disabled:#626a84;--echo-lt-text-disabled-d:#39415a;--text-primary:color-mix(in oklab, var(--echo-lt-text-primary) calc(100% - var(--echo-text-dim)), var(--echo-lt-text-primary-d) var(--echo-text-dim));--text-secondary:color-mix(in oklab, var(--echo-lt-text-secondary) calc(100% - var(--echo-text-dim)), var(--echo-lt-text-secondary-d) var(--echo-text-dim));--text-muted:color-mix(in oklab, var(--echo-lt-text-muted) calc(100% - var(--echo-text-dim)), var(--echo-lt-text-muted-d) var(--echo-text-dim));--text-disabled:color-mix(in oklab, var(--echo-lt-text-disabled) calc(100% - var(--echo-text-dim)), var(--echo-lt-text-disabled-d) var(--echo-text-dim));--text-on-accent:#fff;--echo-lt-brand-d:#090c18;--echo-lt-brand-muted-d:#1f273b;--echo-lt-accent-d:#200076;--echo-lt-success-d:#002d24;--echo-lt-danger-d:#520002;--echo-lt-warning-d:#351b00;--echo-lt-info-d:#001d57;--echo-lt-locked-d:#1d2130;--echo-lt-course-foundation-d:#200076;--echo-lt-course-speaking-d:#002d24;--echo-lt-course-travel-d:#001d57;--echo-lt-course-work-d:#170b6b;--echo-lt-course-pronunciation-d:#002733;--echo-lt-course-vocabulary-d:#351b00;--brand:color-mix(in oklab, #1a1e2c calc(100% - var(--echo-text-dim)), var(--echo-lt-brand-d) var(--echo-text-dim));--brand-highlight:#4c3fc7;--brand-highlight-hover:#4237b4;--brand-muted:color-mix(in oklab, #57617a calc(100% - var(--echo-text-dim)), var(--echo-lt-brand-muted-d) var(--echo-text-dim));--accent:color-mix(in oklab, var(--user-accent,#4c3fc7) calc(100% - var(--echo-text-dim)), var(--echo-lt-accent-d) var(--echo-text-dim));--accent-contrast:#fff;--success:color-mix(in oklab, #166a5e calc(100% - var(--echo-text-dim)), var(--echo-lt-success-d) var(--echo-text-dim));--danger:color-mix(in oklab, #9c4039 calc(100% - var(--echo-text-dim)), var(--echo-lt-danger-d) var(--echo-text-dim));--warning:color-mix(in oklab, #745509 calc(100% - var(--echo-text-dim)), var(--echo-lt-warning-d) var(--echo-text-dim));--info:color-mix(in oklab, #265ba0 calc(100% - var(--echo-text-dim)), var(--echo-lt-info-d) var(--echo-text-dim));--locked:color-mix(in oklab, #767f96 calc(100% - var(--echo-text-dim)), var(--echo-lt-locked-d) var(--echo-text-dim));--text-success:var(--success);--text-danger:var(--danger);--text-warning:var(--warning);--course-foundation:color-mix(in oklab, #4c3fc7 calc(100% - var(--echo-text-dim)), var(--echo-lt-course-foundation-d) var(--echo-text-dim));--course-speaking:color-mix(in oklab, #166a5e calc(100% - var(--echo-text-dim)), var(--echo-lt-course-speaking-d) var(--echo-text-dim));--course-travel:color-mix(in oklab, #265ba0 calc(100% - var(--echo-text-dim)), var(--echo-lt-course-travel-d) var(--echo-text-dim));--course-work:color-mix(in oklab, #4550b8 calc(100% - var(--echo-text-dim)), var(--echo-lt-course-work-d) var(--echo-text-dim));--course-pronunciation:color-mix(in oklab, #196372 calc(100% - var(--echo-text-dim)), var(--echo-lt-course-pronunciation-d) var(--echo-text-dim));--course-vocabulary:color-mix(in oklab, #745509 calc(100% - var(--echo-text-dim)), var(--echo-lt-course-vocabulary-d) var(--echo-text-dim));--shadow-hover:0 8px 24px #1c223a14;--shadow-overlay:0 24px 64px #1c223a29}html[data-ui-theme][data-theme]{--echo-bright:var(--ui-brightness,50);--echo-dim:calc(max(0, 50 - var(--echo-bright)) * 2%);--echo-lift:calc(max(0, var(--echo-bright) - 50) * 2%);--echo-text-dim:calc(var(--echo-dim) * .72);--echo-page-dk:#0b0d13;--echo-page-lt:#e9ecf5;--echo-page:color-mix(in oklab, color-mix(in oklab, var(--echo-page-dk) calc(100% - var(--echo-dim)), #05060b var(--echo-dim)), #12151d var(--echo-lift))}html[data-ui-theme][data-theme=light]{--echo-page:color-mix(in oklab, color-mix(in oklab, var(--echo-page-lt) calc(100% - var(--echo-dim)), #dde2ee var(--echo-dim)), #f4f6fb var(--echo-lift))}html[data-ui-theme][data-theme] :is(.shell,.learn,.cp-page,.membership-gate,.admin-test-banner){--echo-dk-page:#0b0d13;--echo-dk-page-d:#05060b;--echo-dk-page-l:#12151d;--echo-dk-subtle:#10131b;--echo-dk-subtle-d:#080a11;--echo-dk-subtle-l:#181c26;--echo-dk-card:#141822;--echo-dk-card-d:#0a0d14;--echo-dk-card-l:#1e2331;--echo-dk-elevated:#1a1f2c;--echo-dk-elevated-d:#0d1019;--echo-dk-elevated-l:#262c3c;--echo-dk-tint:#161a25;--echo-dk-tint-d:#0c0e16;--echo-dk-tint-l:#20252f;--echo-dk-control:#1c2231;--echo-dk-control-d:#10131d;--echo-dk-control-l:#282f42;--echo-dk-input:#10131f;--echo-dk-input-d:#080a11;--echo-dk-input-l:#171b28;--echo-dk-nav:#0d1018;--echo-dk-nav-d:#06080e;--echo-dk-nav-l:#141822;--echo-dk-border:#2b3243;--echo-dk-border-d:#1a1f2c;--echo-dk-border-l:#363e52;--echo-dk-border-subtle:#96ace021;--echo-dk-border-subtle-d:#96ace012;--echo-dk-border-subtle-l:#96ace02b;--surface-page:color-mix(in oklab, color-mix(in oklab, var(--echo-dk-page) calc(100% - var(--echo-dim)), var(--echo-dk-page-d) var(--echo-dim)), var(--echo-dk-page-l) var(--echo-lift));--surface-subtle:color-mix(in oklab, color-mix(in oklab, var(--echo-dk-subtle) calc(100% - var(--echo-dim)), var(--echo-dk-subtle-d) var(--echo-dim)), var(--echo-dk-subtle-l) var(--echo-lift));--surface-card:color-mix(in oklab, color-mix(in oklab, var(--echo-dk-card) calc(100% - var(--echo-dim)), var(--echo-dk-card-d) var(--echo-dim)), var(--echo-dk-card-l) var(--echo-lift));--surface-elevated:color-mix(in oklab, color-mix(in oklab, var(--echo-dk-elevated) calc(100% - var(--echo-dim)), var(--echo-dk-elevated-d) var(--echo-dim)), var(--echo-dk-elevated-l) var(--echo-lift));--surface-tint:color-mix(in oklab, color-mix(in oklab, var(--echo-dk-tint) calc(100% - var(--echo-dim)), var(--echo-dk-tint-d) var(--echo-dim)), var(--echo-dk-tint-l) var(--echo-lift));--surface-control:color-mix(in oklab, color-mix(in oklab, var(--echo-dk-control) calc(100% - var(--echo-dim)), var(--echo-dk-control-d) var(--echo-dim)), var(--echo-dk-control-l) var(--echo-lift));--surface-input:color-mix(in oklab, color-mix(in oklab, var(--echo-dk-input) calc(100% - var(--echo-dim)), var(--echo-dk-input-d) var(--echo-dim)), var(--echo-dk-input-l) var(--echo-lift));--surface-navigation:color-mix(in oklab, color-mix(in oklab, var(--echo-dk-nav) calc(100% - var(--echo-dim)), var(--echo-dk-nav-d) var(--echo-dim)), var(--echo-dk-nav-l) var(--echo-lift));--border:color-mix(in oklab, color-mix(in oklab, var(--echo-dk-border) calc(100% - var(--echo-dim)), var(--echo-dk-border-d) var(--echo-dim)), var(--echo-dk-border-l) var(--echo-lift));--border-subtle:color-mix(in oklab, color-mix(in oklab, var(--echo-dk-border-subtle) calc(100% - var(--echo-dim)), var(--echo-dk-border-subtle-d) var(--echo-dim)), var(--echo-dk-border-subtle-l) var(--echo-lift))}html[data-ui-theme][data-theme=light] :is(.shell,.learn,.cp-page,.membership-gate,.admin-test-banner){--echo-lt-page:#e9ecf5;--echo-lt-page-d:#9ea7bd;--echo-lt-page-l:#f4f6fb;--echo-lt-subtle:#e3e7f2;--echo-lt-subtle-d:#9ca5ba;--echo-lt-subtle-l:#eef1f8;--echo-lt-card:#f7f9fd;--echo-lt-card-d:#c3cad9;--echo-lt-card-l:#fdfeff;--echo-lt-elevated:#fbfcfe;--echo-lt-elevated-d:#d4d9e4;--echo-lt-elevated-l:#fff;--echo-lt-tint:#e8ebf6;--echo-lt-tint-d:#9da6bc;--echo-lt-tint-l:#f1f3fa;--echo-lt-control:#e1e5f2;--echo-lt-control-d:#9aa3b8;--echo-lt-control-l:#eceff8;--echo-lt-input:#fafbfe;--echo-lt-input-d:#ced4e0;--echo-lt-input-l:#fff;--echo-lt-nav:#f1f3fa;--echo-lt-nav-d:#aab2c6;--echo-lt-nav-l:#f9fafd;--echo-lt-border:#8d97b1;--echo-lt-border-d:#5b6579;--echo-lt-border-l:#9aa4bd;--echo-lt-border-subtle:#c4cbdd;--echo-lt-border-subtle-d:#79829a;--echo-lt-border-subtle-l:#ced4e4;--surface-page:color-mix(in oklab, color-mix(in oklab, var(--echo-lt-page) calc(100% - var(--echo-dim)), var(--echo-lt-page-d) var(--echo-dim)), var(--echo-lt-page-l) var(--echo-lift));--surface-subtle:color-mix(in oklab, color-mix(in oklab, var(--echo-lt-subtle) calc(100% - var(--echo-dim)), var(--echo-lt-subtle-d) var(--echo-dim)), var(--echo-lt-subtle-l) var(--echo-lift));--surface-card:color-mix(in oklab, color-mix(in oklab, var(--echo-lt-card) calc(100% - var(--echo-dim)), var(--echo-lt-card-d) var(--echo-dim)), var(--echo-lt-card-l) var(--echo-lift));--surface-elevated:color-mix(in oklab, color-mix(in oklab, var(--echo-lt-elevated) calc(100% - var(--echo-dim)), var(--echo-lt-elevated-d) var(--echo-dim)), var(--echo-lt-elevated-l) var(--echo-lift));--surface-tint:color-mix(in oklab, color-mix(in oklab, var(--echo-lt-tint) calc(100% - var(--echo-dim)), var(--echo-lt-tint-d) var(--echo-dim)), var(--echo-lt-tint-l) var(--echo-lift));--surface-control:color-mix(in oklab, color-mix(in oklab, var(--echo-lt-control) calc(100% - var(--echo-dim)), var(--echo-lt-control-d) var(--echo-dim)), var(--echo-lt-control-l) var(--echo-lift));--surface-input:color-mix(in oklab, color-mix(in oklab, var(--echo-lt-input) calc(100% - var(--echo-dim)), var(--echo-lt-input-d) var(--echo-dim)), var(--echo-lt-input-l) var(--echo-lift));--surface-navigation:color-mix(in oklab, color-mix(in oklab, var(--echo-lt-nav) calc(100% - var(--echo-dim)), var(--echo-lt-nav-d) var(--echo-dim)), var(--echo-lt-nav-l) var(--echo-lift));--border:color-mix(in oklab, color-mix(in oklab, var(--echo-lt-border) calc(100% - var(--echo-dim)), var(--echo-lt-border-d) var(--echo-dim)), var(--echo-lt-border-l) var(--echo-lift));--border-subtle:color-mix(in oklab, color-mix(in oklab, var(--echo-lt-border-subtle) calc(100% - var(--echo-dim)), var(--echo-lt-border-subtle-d) var(--echo-dim)), var(--echo-lt-border-subtle-l) var(--echo-lift))}html[data-ui-theme][data-theme]:has(.shell,.learn){background:var(--echo-page)}html[data-ui-theme][data-theme]:has(.shell,.learn) body{color:var(--text-primary);background:var(--echo-page)!important}html[data-ui-theme][data-theme] .shell>aside{background:var(--surface-navigation);border-right:1px solid var(--border-subtle);box-shadow:inset -1px 0 #ffffff05}html[data-ui-theme][data-theme] .shell>aside nav a{border-radius:var(--radius-control);transition:background var(--motion-fast) var(--echo-ease), color var(--motion-fast) var(--echo-ease)}html[data-ui-theme][data-theme] .shell>aside nav a:hover{background:var(--surface-control);color:var(--text-primary)}html[data-ui-theme][data-theme] .shell>aside nav a.active{background:color-mix(in srgb, var(--accent) 16%, var(--surface-control));color:var(--text-primary);box-shadow:inset 2px 0 0 var(--accent)}html[data-ui-theme][data-theme] .shell>aside nav a:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 78%, transparent);outline-offset:2px}html[data-ui-theme][data-theme] .aside-note i{background:var(--accent)}html[data-ui-theme][data-theme] .brand>span{background:color-mix(in srgb, var(--accent) 18%, var(--surface-card));color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 34%, transparent)}html[data-ui-theme][data-theme] :is(.card,.card-base,.card-stat,.card-learning,.state-card){border-color:var(--card-border-color);background:var(--card-bg)}html[data-ui-theme][data-theme] :is(.card-interactive,.card-base):hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 5%, var(--surface-card))}html[data-ui-theme][data-theme] .progress-bar{background:color-mix(in srgb, var(--border) 55%, transparent)}html[data-ui-theme][data-theme] .progress-bar i{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 72%, var(--info)));transition:width var(--motion-slow) var(--echo-ease)}html[data-ui-theme][data-theme] .tag-row span{color:var(--text-primary)}html[data-ui-theme][data-theme] .button{border-radius:var(--button-radius);transition:background var(--motion-fast) var(--echo-ease), border-color var(--motion-fast) var(--echo-ease), color var(--motion-fast) var(--echo-ease), transform var(--motion-fast) var(--echo-ease)}html[data-ui-theme][data-theme] .button-primary{background:var(--brand-highlight);color:var(--accent-contrast);box-shadow:inset 0 1px #ffffff0f}html[data-ui-theme][data-theme] .button-primary:hover:not(:disabled){background:var(--brand-highlight-hover)}html[data-ui-theme][data-theme] .button-primary:active:not(:disabled){background:var(--brand-highlight-hover);transform:translateY(1px)}html[data-ui-theme][data-theme] .button-secondary{border-color:var(--border-subtle);background:var(--surface-card)}html[data-ui-theme][data-theme] .button-secondary:active:not(:disabled){background:var(--surface-control);transform:translateY(1px)}html[data-ui-theme][data-theme] .button-tertiary{background:var(--surface-control);color:var(--text-primary)}html[data-ui-theme][data-theme] .button-tertiary:hover:not(:disabled){background:var(--surface-elevated)}html[data-ui-theme][data-theme] .button-tertiary:active:not(:disabled){transform:translateY(1px)}html[data-ui-theme][data-theme] :is(.button-ghost,.button-text):active:not(:disabled){background:var(--surface-control);color:var(--text-primary)}html[data-ui-theme][data-theme] .button-danger{background:var(--text-danger);color:var(--accent-contrast)}html[data-ui-theme][data-theme] .button-danger:hover:not(:disabled){background:color-mix(in srgb, var(--text-danger) 86%, var(--surface-page))}html[data-ui-theme][data-theme] .button-danger:active:not(:disabled){transform:translateY(1px)}html[data-ui-theme][data-theme] :is(.button,button,[role=button],a):focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 82%, transparent);outline-offset:2px}html[data-ui-theme][data-theme] .button:disabled,html[data-ui-theme][data-theme] .button[aria-disabled=true]{opacity:.42;filter:saturate(.5);cursor:not-allowed}html[data-ui-theme][data-theme] :is(.button[aria-busy=true],.button-loading){pointer-events:none;position:relative;color:#0000!important}html[data-ui-theme][data-theme] :is(.button[aria-busy=true],.button-loading):after{content:"";border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-top-color:var(--accent-contrast);border-radius:50%;width:1.05em;height:1.05em;margin:auto;animation:.72s linear infinite echo-button-spin;position:absolute;inset:0}html[data-ui-theme][data-theme] .button-secondary[aria-busy=true]:after,html[data-ui-theme][data-theme] .button-tertiary[aria-busy=true]:after,html[data-ui-theme][data-theme] .button-ghost[aria-busy=true]:after{border-top-color:var(--accent)}@keyframes echo-button-spin{to{transform:rotate(360deg)}}html[data-ui-theme][data-theme] .shell .course-visual{isolation:isolate;border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--course-color) 32%, transparent);background:radial-gradient(118% 92% at 86% -16%, color-mix(in srgb, var(--course-color) 40%, transparent), transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--course-color) 24%, var(--surface-elevated)), color-mix(in srgb, var(--course-color) 9%, var(--surface-card)));box-shadow:inset 0 1px #ffffff0f}html[data-ui-theme][data-theme] .course-card-body{border-top:1px solid var(--border-subtle)}html[data-ui-theme][data-theme] .shell .course-visual>i{border-color:color-mix(in srgb, var(--course-color) 42%, transparent);opacity:.85}html[data-ui-theme][data-theme] .shell .course-visual>i:after{border-color:color-mix(in srgb, var(--course-color) 34%, transparent)}html[data-ui-theme][data-theme] .shell .course-visual>span{color:color-mix(in srgb, var(--course-color) 86%, var(--text-primary));text-shadow:0 1px 20px color-mix(in srgb, var(--course-color) 26%, transparent)}html[data-ui-theme][data-theme] .shell .course-visual>svg{color:color-mix(in srgb, var(--course-color) 78%, var(--text-secondary))}html[data-ui-theme][data-theme] .shell .course-visual>small{color:var(--text-muted)}html[data-ui-theme][data-theme] .v2-course-card{--persp:1000px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--motion-base) var(--echo-ease), border-color var(--motion-base) var(--echo-ease), box-shadow var(--motion-base) var(--echo-ease);position:relative;overflow:hidden}html[data-ui-theme][data-theme] .v2-course-card:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--course-color,var(--accent)) 62%, transparent), transparent);opacity:.5;height:1px;transition:opacity var(--motion-base) var(--echo-ease);position:absolute;inset:0 0 auto}html[data-ui-theme][data-theme] .v2-course-card:hover{border-color:color-mix(in srgb, var(--course-color,var(--accent)) 34%, var(--border-subtle));box-shadow:var(--shadow-hover);transform:translateY(-2px)}html[data-ui-theme][data-theme] .v2-course-card:hover:before{opacity:1}html[data-ui-theme][data-theme] .v2-course-card:active{transform:translateY(0)scale(.995)}html[data-ui-theme][data-theme] .v2-course-card:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 82%, transparent);outline-offset:3px}html[data-ui-theme][data-theme] .v2-course-card[data-tilt]{transform-style:preserve-3d;will-change:transform}html[data-ui-theme][data-theme] .v2-course-card[data-tilt]:hover,html[data-ui-theme][data-theme] .v2-course-card[data-tilt]:active{transform:none}html[data-ui-theme][data-theme] .course-card-body h3{color:var(--text-primary)}html[data-ui-theme][data-theme] .course-card-body>small{color:var(--text-muted)}html[data-ui-theme][data-theme] .course-label>span{border:1px solid var(--border-subtle);background:var(--surface-control);color:var(--text-secondary)}html[data-ui-theme][data-theme] .course-label>b{color:var(--text-warning)}html[data-ui-theme][data-theme] .v2-course-card footer .course-mobile-action{color:var(--accent)}html[data-ui-theme][data-theme] .primary-course-grid .v2-course-card .course-visual{background:linear-gradient(90deg, color-mix(in srgb, var(--course-color) 22%, var(--surface-card)), color-mix(in srgb, var(--course-color) 6%, var(--surface-card)));min-height:118px}html[data-ui-theme][data-theme] .primary-course-grid .course-visual>span{font-size:clamp(34px,4.4vw,54px)}html[data-ui-theme][data-theme] .primary-course-grid .course-visual>i{display:none}html[data-ui-theme][data-theme] .home-shell .home-intro h1{letter-spacing:-.8px;color:var(--text-secondary);font-size:clamp(1.5rem,2.4vw,2rem)}html[data-ui-theme][data-theme] .home-shell .home-intro>p:last-child{color:var(--text-muted)}html[data-ui-theme][data-theme] .daily-copy h2{font-size:clamp(1.85rem,3.3vw,2.7rem)}html[data-ui-theme][data-theme] .daily-copy .eyebrow,html[data-ui-theme][data-theme] .home-shell .home-intro .eyebrow{color:var(--accent)!important}html[data-ui-theme][data-theme] .daily-hero{border:1px solid color-mix(in srgb, var(--course-color,var(--accent)) 22%, var(--border-subtle));border-radius:var(--radius-lg);background:radial-gradient(90% 120% at 96% 4%, color-mix(in srgb, var(--course-color,var(--accent)) 20%, transparent), transparent 58%), linear-gradient(160deg, var(--surface-elevated), var(--surface-card));box-shadow:inset 0 1px 0 #ffffff0a, var(--shadow-hover)}html[data-ui-theme][data-theme] .daily-hero:before{background:linear-gradient(115deg, transparent 58%, color-mix(in srgb, var(--course-color,var(--accent)) 12%, transparent))}html[data-ui-theme][data-theme] .daily-hero .daily-copy>span{color:var(--text-secondary)}html[data-ui-theme][data-theme] .daily-copy h2{color:var(--text-primary);letter-spacing:-1.4px;text-wrap:balance}html[data-ui-theme][data-theme] .daily-copy>p{color:var(--text-muted)}html[data-ui-theme][data-theme] .daily-copy .progress-bar{background:color-mix(in srgb, var(--border) 62%, transparent)}html[data-ui-theme][data-theme] .daily-hero>.course-visual{border-radius:var(--radius-md);background:radial-gradient(120% 100% at 82% -10%, color-mix(in srgb, var(--course-color) 34%, transparent), transparent 64%), linear-gradient(158deg, color-mix(in srgb, var(--course-color) 20%, var(--surface-elevated)), color-mix(in srgb, var(--course-color) 8%, var(--surface-card)))}html[data-ui-theme][data-theme] .home-dashboard :is(.week-overview,.home-stats,.daily-stats){border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card)}html[data-ui-theme][data-theme] .week-numbers>*+*{border-left:1px solid var(--border-subtle)}html[data-ui-theme][data-theme] .today-tasks>a{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);transition:border-color var(--motion-fast) var(--echo-ease), background var(--motion-fast) var(--echo-ease), transform var(--motion-fast) var(--echo-ease)}html[data-ui-theme][data-theme] .today-tasks>a:hover{border-color:color-mix(in srgb, var(--accent) 36%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 6%, var(--surface-card));transform:translateY(-1px)}html[data-ui-theme][data-theme] .today-tasks>a:active{transform:translateY(0)}html[data-ui-theme][data-theme] .today-tasks>a strong{color:var(--accent);font-variant-numeric:tabular-nums}html[data-ui-theme][data-theme] .today-tasks>a>svg{color:var(--accent)}html[data-ui-theme][data-theme] .recent-list>a{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-subtle)}html[data-ui-theme][data-theme] .recent-list>a:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border-subtle))}html[data-ui-theme][data-theme] .review-panel{border:1px solid color-mix(in srgb, var(--warning) 26%, var(--border-subtle));border-radius:var(--radius-md);background:radial-gradient(120% 100% at 92% 0%, color-mix(in srgb, var(--warning) 12%, transparent), transparent 60%), var(--surface-card)}html[data-ui-theme][data-theme] .review-panel>span{color:var(--text-warning)}html[data-ui-theme][data-theme] .home-path-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card)}html[data-ui-theme][data-theme] .home-route-journey{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-subtle)}html[data-ui-theme][data-theme] .home-route-stages .current a{border-color:color-mix(in srgb, var(--accent) 40%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 7%, var(--surface-card))}html[data-ui-theme][data-theme] .home-stage-number{background:var(--surface-control);color:var(--text-secondary)}html[data-ui-theme][data-theme] .home-route-stages .current .home-stage-number{background:color-mix(in srgb, var(--accent) 22%, var(--surface-control));color:var(--text-primary)}html[data-ui-theme][data-theme] .home-route-stages .done .home-stage-number{background:color-mix(in srgb, var(--success) 20%, var(--surface-control));color:var(--text-success)}html[data-ui-theme][data-theme] .featured-course{border:1px solid color-mix(in srgb, var(--course-color,var(--accent)) 20%, var(--border-subtle));border-radius:var(--radius-lg);background:radial-gradient(80% 120% at 100% 0%, color-mix(in srgb, var(--course-color,var(--accent)) 14%, transparent), transparent 58%), var(--surface-subtle)}html[data-ui-theme][data-theme] .featured-course .course-visual{background:radial-gradient(120% 100% at 84% -12%, color-mix(in srgb, var(--course-color) 32%, transparent), transparent 64%), linear-gradient(158deg, color-mix(in srgb, var(--course-color) 18%, var(--surface-elevated)), color-mix(in srgb, var(--course-color) 7%, var(--surface-card)))}html[data-ui-theme][data-theme] .course-detail-hero{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:linear-gradient(158deg, var(--surface-elevated), var(--surface-card))}html[data-ui-theme][data-theme] .course-detail-hero .back,html[data-ui-theme][data-theme] .course-detail-hero h2{color:var(--text-muted)}html[data-ui-theme][data-theme] .course-detail-hero>div:first-child>p:not(.eyebrow),html[data-ui-theme][data-theme] .course-detail-hero .tag-row span{color:var(--text-secondary)}html[data-ui-theme][data-theme] .detail-facts span{color:var(--text-muted)}html[data-ui-theme][data-theme] .detail-facts b{color:var(--text-primary)}html[data-ui-theme][data-theme] .course-detail-hero .progress-bar{background:color-mix(in srgb, var(--border) 58%, transparent)}html[data-ui-theme][data-theme] .unit-catalog>article{border-color:var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}html[data-ui-theme][data-theme] .unit-catalog>article:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border-subtle))}html[data-ui-theme][data-theme] .primary-phonics-card{border-color:var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}html[data-ui-theme][data-theme] .learn{background:var(--surface-page);color:var(--text-primary)}html[data-ui-theme][data-theme] .learn-top{border-bottom-color:var(--border-subtle)}html[data-ui-theme][data-theme] .learn-top span{color:var(--text-muted)}html[data-ui-theme][data-theme] .learn-progress{background:color-mix(in srgb, var(--border) 55%, transparent)}html[data-ui-theme][data-theme] .learn-progress i{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 70%, var(--info)))}html[data-ui-theme][data-theme] .learn-v2 .learn-body{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:inset 0 1px #ffffff09}html[data-ui-theme][data-theme] .learn-body h1{color:var(--text-primary);letter-spacing:-.6px;text-wrap:balance}html[data-ui-theme][data-theme] .sentence-display>p{color:var(--text-primary)}html[data-ui-theme][data-theme] .sentence-display>button{color:var(--text-secondary)}html[data-ui-theme][data-theme] :is(.sentence-display>button:hover,.sentence-display>button.active){color:var(--accent);border-color:color-mix(in srgb, var(--accent) 62%, transparent)}html[data-ui-theme][data-theme] .sentence-display>button small,html[data-ui-theme][data-theme] .sentence-ipa,html[data-ui-theme][data-theme] .answer-label{color:var(--text-muted)}html[data-ui-theme][data-theme] .word-slot{border-bottom-color:var(--border);color:var(--text-muted)}html[data-ui-theme][data-theme] .word-slot.filled{color:var(--text-primary);border-color:var(--text-secondary)}html[data-ui-theme][data-theme] .word-slot.empty b{color:var(--text-disabled)}html[data-ui-theme][data-theme] .word-slot.active{border-color:var(--accent);color:var(--accent);background:linear-gradient(180deg, transparent 55%, color-mix(in srgb, var(--accent) 14%, transparent))}html[data-ui-theme][data-theme] .word-slot.active:after{background:var(--accent)}html[data-ui-theme][data-theme] .word-slot.overflow{border-color:var(--danger);color:var(--text-danger)}html[data-ui-theme][data-theme] .answer-slots:focus-within .answer-label{color:var(--accent)}html[data-ui-theme][data-theme] .learn .hint{border-color:var(--border-subtle);background:var(--surface-subtle)}html[data-ui-theme][data-theme] .learn .feedback.correct{background:color-mix(in srgb, var(--success) 14%, var(--surface-card))}html[data-ui-theme][data-theme] .learn .feedback.wrong{background:color-mix(in srgb, var(--danger) 14%, var(--surface-card))}html[data-ui-theme][data-theme] .annotation-board{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-subtle)}html[data-ui-theme][data-theme] .annotation-head button{background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-sm)}html[data-ui-theme][data-theme] .token-grid>button{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-primary)}html[data-ui-theme][data-theme] .token-grid>button:hover{border-color:color-mix(in srgb, var(--accent) 52%, transparent)}html[data-ui-theme][data-theme] .token-grid span{color:var(--text-muted)}html[data-ui-theme][data-theme] .token-grid em{color:var(--accent)}html[data-ui-theme][data-theme] .token-grid .role{border-top-color:var(--border-subtle);color:var(--text-secondary)}html[data-ui-theme][data-theme] .sentence-structure{border-top-color:var(--border-subtle)}html[data-ui-theme][data-theme] .sentence-structure span{color:var(--text-muted)}html[data-ui-theme][data-theme] .phrase-row button{background:var(--surface-control);color:var(--text-primary);border-radius:var(--radius-sm)}html[data-ui-theme][data-theme] .phrase-row span{color:var(--text-muted)}html[data-ui-theme][data-theme] .word-card{background:var(--surface-elevated);color:var(--text-primary);border-left:1px solid var(--border-subtle);box-shadow:-20px 0 60px #00000073}html[data-ui-theme][data-theme] .word-ipa{color:var(--text-muted)}html[data-ui-theme][data-theme] .word-audio button,html[data-ui-theme][data-theme] .word-save{border-color:var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm)}html[data-ui-theme][data-theme] .word-card dl>div{border-top-color:var(--border-subtle)}html[data-ui-theme][data-theme] .word-card dt{color:var(--text-muted)}html[data-ui-theme][data-theme] .pos{border-color:color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent)}html[data-ui-theme][data-theme] .word-save{background:var(--accent);color:var(--accent-contrast)}html[data-ui-theme][data-theme] .learn-actions{border-top-color:var(--border-subtle);background:var(--surface-subtle)}html[data-ui-theme][data-theme] .learn-actions button{color:var(--text-secondary)}html[data-ui-theme][data-theme] .learn-actions button:hover:not(:disabled){color:var(--text-primary)}html[data-ui-theme][data-theme] .learn-actions button:last-of-type,html[data-ui-theme][data-theme] .learn-actions button:last-of-type:hover:not(:disabled){color:var(--selection-text)}html[data-ui-theme][data-theme] .learn-actions kbd{border-color:var(--border-subtle);color:var(--text-muted)}html[data-ui-theme][data-theme] .display-trigger{border-color:var(--border-subtle);background:var(--surface-elevated);color:var(--text-secondary);border-radius:var(--radius-sm)}html[data-ui-theme][data-theme] .display-panel{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay)}html[data-ui-theme][data-theme] .display-panel small{color:var(--text-muted)}html[data-ui-theme][data-theme] .explain-button{background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-sm)}html[data-ui-theme][data-theme] .study-tools button{color:var(--text-secondary)}html[data-ui-theme][data-theme] .study-tools button:hover{color:var(--text-primary);background:var(--surface-control)}html[data-ui-theme][data-theme] .study-tools button[aria-expanded=true]{background:color-mix(in srgb, var(--accent) 14%, var(--surface-control));color:var(--text-primary)}html[data-ui-theme][data-theme] .study-header-label{color:var(--text-muted)}html[data-ui-theme][data-theme] .study-milestone{border-color:var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}html[data-ui-theme][data-theme] .speech-notice{border-color:var(--border-subtle);background:var(--surface-subtle);color:var(--text-muted);border-radius:var(--radius-sm)}html[data-ui-theme][data-theme] .data-list>div{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);transition:border-color var(--motion-fast) var(--echo-ease)}html[data-ui-theme][data-theme] .data-list>div:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border-subtle))}html[data-ui-theme][data-theme] .data-list h3{color:var(--text-primary)}html[data-ui-theme][data-theme] .data-list p{color:var(--text-secondary)}html[data-ui-theme][data-theme] .records-count{color:var(--text-muted)}html[data-ui-theme][data-theme] .word-audio-button:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 52%, transparent)}html[data-ui-theme][data-theme] .empty-state,html[data-ui-theme][data-theme] .state-empty,html[data-ui-theme][data-theme] .state-error,html[data-ui-theme][data-theme] .state-loading{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card)}html[data-ui-theme][data-theme] .state-error>svg{color:var(--danger)}html[data-ui-theme][data-theme] .state-empty>svg{color:var(--success)}html[data-ui-theme][data-theme] .skeleton-lines i{background:var(--surface-control)}html[data-ui-theme][data-theme] .pronunciation-hero,html[data-ui-theme][data-theme] .pronunciation-map{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card)}html[data-ui-theme][data-theme] :is(.pronunciation-course-card,.phoneme-group,.phoneme-lesson,.phoneme-practice,.articulation-diagram){border-color:var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}html[data-ui-theme][data-theme] :is(.pronunciation-course-card,.phoneme-list a):hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--border-subtle))}html[data-ui-theme][data-theme] .pronunciation-course-head>strong{color:var(--accent)}html[data-ui-theme][data-theme] .phoneme-list a[aria-current=true],html[data-ui-theme][data-theme] .phoneme-list a.active{border-color:color-mix(in srgb, var(--accent) 46%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 9%, var(--surface-card))}html[data-ui-theme][data-theme] .phoneme-status-mastered{color:var(--text-success)}html[data-ui-theme][data-theme] .phoneme-status-learning{color:var(--accent)}html[data-ui-theme][data-theme] .phoneme-status-not-started{color:var(--text-muted)}html[data-ui-theme][data-theme] .minimal-pair-library>div,html[data-ui-theme][data-theme] .minimal-pair-card{border-color:var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}html[data-ui-theme][data-theme] .minimal-pair-card :is(.word-a,.word-b){color:var(--text-primary)}html[data-ui-theme][data-theme] .minimal-pair-card .note{color:var(--text-muted)}html[data-ui-theme][data-theme] .np-module{border-color:var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}html[data-ui-theme][data-theme] .np-chip{border-color:color-mix(in srgb, var(--accent) 34%, transparent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-card));color:var(--text-primary)}html[data-ui-theme][data-theme] .np-chip.is-silent{border-color:var(--border-subtle);background:var(--surface-control);color:var(--text-muted)}html[data-ui-theme][data-theme] .np-note{color:var(--text-secondary)}html[data-ui-theme][data-theme] .np-meta{color:var(--text-muted)}html[data-ui-theme][data-theme] .membership-page{color:var(--text-primary)}html[data-ui-theme][data-theme] .membership-plan-card{border-color:var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card)}html[data-ui-theme][data-theme] .membership-plan-card.is-recommended,html[data-ui-theme][data-theme] .membership-plan-card[data-recommended=true]{border-color:color-mix(in srgb, var(--accent) 48%, var(--border-subtle));background:radial-gradient(120% 90% at 50% -10%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 62%), var(--surface-card)}html[data-ui-theme][data-theme] .membership-plan-price{color:var(--text-primary)}html[data-ui-theme][data-theme] .membership-plan-benefits li{color:var(--text-secondary)}html[data-ui-theme][data-theme] .membership-plan-benefits li::marker{color:var(--accent)}html[data-ui-theme][data-theme] .membership-plan-sharing{color:var(--text-warning)}html[data-ui-theme][data-theme] .membership-internal-preview{border-color:color-mix(in srgb, var(--warning) 26%, var(--border-subtle));border-radius:var(--radius-md);background:color-mix(in srgb, var(--warning) 5%, var(--surface-card))}html[data-ui-theme][data-theme] .profile-page :is(.profile-card,.profile-section){border-color:var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}html[data-ui-theme][data-theme] .admin-test-banner{border-top:1px solid color-mix(in srgb, var(--warning) 34%, transparent);background:color-mix(in srgb, var(--warning) 12%, var(--surface-elevated));color:var(--text-warning)}html[data-ui-theme][data-theme] .membership-gate{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-elevated);color:var(--text-primary)}html[data-ui-theme][data-theme] .membership-gate::backdrop{background:var(--surface-overlay)}html[data-ui-theme][data-theme] .membership-gate-icon{color:var(--warning)}@media (max-width:1280px){html[data-ui-theme][data-theme] .shell>main{padding-inline:clamp(22px,4vw,56px)}}@media (max-width:1024px){html[data-ui-theme][data-theme] .learn-v2 .learn-body{width:calc(100% - 32px);max-width:880px}html[data-ui-theme][data-theme] .daily-hero,html[data-ui-theme][data-theme] .featured-course,html[data-ui-theme][data-theme] .course-detail-hero{gap:30px;padding:32px 30px}}@media (max-width:820px){html[data-ui-theme][data-theme] .daily-hero,html[data-ui-theme][data-theme] .featured-course,html[data-ui-theme][data-theme] .course-detail-hero{grid-template-columns:minmax(0,1fr);gap:22px;min-height:0;padding:26px 22px 28px}html[data-ui-theme][data-theme] .daily-hero>.course-visual,html[data-ui-theme][data-theme] .featured-course>.course-visual,html[data-ui-theme][data-theme] .course-detail-hero>.course-visual{order:-1;min-height:132px;display:flex}html[data-ui-theme][data-theme] .daily-hero>.course-visual>span,html[data-ui-theme][data-theme] .featured-course>.course-visual>span,html[data-ui-theme][data-theme] .course-detail-hero>.course-visual>span{font-size:clamp(38px,9vw,62px)}html[data-ui-theme][data-theme] .home-split,html[data-ui-theme][data-theme] .detail-intro{grid-template-columns:minmax(0,1fr)}html[data-ui-theme][data-theme] .detail-intro>div+div{border-left:0;border-top:1px solid var(--border-subtle)}html[data-ui-theme][data-theme] .v2-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-ui-theme][data-theme] .primary-course-grid .v2-course-card .course-visual{min-height:96px}html[data-ui-theme][data-theme] .learn{grid-template-rows:auto 1fr auto}html[data-ui-theme][data-theme] .learn-v2 .learn-body{width:calc(100% - 28px);margin:20px auto;padding:22px 18px}}@media (max-width:768px){html[data-ui-theme][data-theme] .v2-course-grid,html[data-ui-theme][data-theme] .today-tasks{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){html[data-ui-theme][data-theme] .shell{--echo-gutter:16px}html[data-ui-theme][data-theme] .shell>main{padding:22px var(--echo-gutter) calc(72px + env(safe-area-inset-bottom,0px))}html[data-ui-theme][data-theme] .shell>main>.public-footer{margin-inline:calc(-1 * var(--echo-gutter))}html[data-ui-theme][data-theme] .shell>aside{padding-bottom:calc(7px + env(safe-area-inset-bottom,0px));height:calc(64px + env(safe-area-inset-bottom,0px))}html[data-ui-theme][data-theme] .daily-copy h2{font-size:clamp(24px,7.4vw,30px)}html[data-ui-theme][data-theme] .page-heading h1,html[data-ui-theme][data-theme] .home-intro h1{letter-spacing:-1.1px}html[data-ui-theme][data-theme] :is(.v2-course-card,.course-card-body,.daily-copy,.data-list,.learn-body){overflow-wrap:anywhere;min-width:0}html[data-ui-theme][data-theme] .learn-actions{padding:0 12px calc(6px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;gap:16px}html[data-ui-theme][data-theme] .learn-actions button{min-height:44px}html[data-ui-theme][data-theme] .learn-v2 .learn-body{width:calc(100% - 20px);padding:18px 14px}html[data-ui-theme][data-theme] .word-card{border-left:0;border-top:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;height:auto;max-height:82dvh;padding:28px 22px calc(24px + env(safe-area-inset-bottom,0px));inset:auto 0 0}html[data-ui-theme][data-theme] .v2-course-card:hover{box-shadow:none;transform:none}html[data-ui-theme][data-theme] .v2-course-card:active{transform:scale(.99)}html[data-ui-theme][data-theme] .primary-course-grid .v2-course-card{border-radius:var(--radius-md)}}@media (max-width:375px){html[data-ui-theme][data-theme] .shell{--echo-gutter:14px}html[data-ui-theme][data-theme] .shell>main{padding-inline:var(--echo-gutter)}html[data-ui-theme][data-theme] .daily-hero,html[data-ui-theme][data-theme] .featured-course,html[data-ui-theme][data-theme] .course-detail-hero{padding:22px 18px}}@media (max-width:320px){html[data-ui-theme][data-theme] .shell{--echo-gutter:12px}html[data-ui-theme][data-theme] .shell>main{padding-inline:var(--echo-gutter)}html[data-ui-theme][data-theme] .learn-actions{gap:10px}html[data-ui-theme][data-theme] .learn-v2 .learn-body{width:calc(100% - 16px)}}@media (max-height:520px) and (min-width:561px){html[data-ui-theme][data-theme] .learn{grid-template-rows:auto 1fr auto}}@media (prefers-reduced-motion:reduce){html[data-ui-theme][data-theme] :is(.button,button,[role=button],a,.v2-course-card,.today-tasks>a,.recent-list>a){transition-duration:.01ms!important}html[data-ui-theme][data-theme] :is(.v2-course-card,.today-tasks>a):hover,html[data-ui-theme][data-theme] :is(.v2-course-card,.today-tasks>a):active{transform:none!important}html[data-ui-theme][data-theme] .progress-bar i{transition:none!important}html[data-ui-theme][data-theme] :is(.button[aria-busy=true],.button-loading):after{animation-duration:1.6s}}html[data-ui-theme][data-theme] .brightness-pill{--echo-track-fill:calc(var(--ui-brightness,50) * 1%);--echo-track-rest:color-mix(in srgb, var(--text-muted) 26%, transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-pill,999px);background:var(--surface-control);color:var(--text-secondary);transition:border-color var(--motion-fast) var(--echo-ease);align-items:center;gap:8px;padding:5px 12px;display:inline-flex}html[data-ui-theme][data-theme] .brightness-pill:focus-within{border-color:color-mix(in srgb, var(--accent) 52%, var(--border-subtle))}html[data-ui-theme][data-theme] .brightness-pill-icon{width:14px;height:14px;color:var(--text-muted);transition:color var(--motion-fast) var(--echo-ease);flex:none}html[data-ui-theme][data-theme] .brightness-pill[data-brightness-side=dim] .brightness-pill-icon-min,html[data-ui-theme][data-theme] .brightness-pill[data-brightness-side=lift] .brightness-pill-icon-max{color:var(--accent)}html[data-ui-theme][data-theme] .brightness-pill-range{appearance:none;cursor:pointer;background:0 0;width:104px;height:16px;margin:0}html[data-ui-theme][data-theme] .brightness-pill-inline .brightness-pill-range{width:84px}html[data-ui-theme][data-theme] .brightness-pill-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0 var(--echo-track-fill), var(--echo-track-rest) var(--echo-track-fill) 100%);border-radius:999px;height:3px}html[data-ui-theme][data-theme] .brightness-pill-range::-moz-range-track{background:linear-gradient(to right, var(--accent) 0 var(--echo-track-fill), var(--echo-track-rest) var(--echo-track-fill) 100%);border-radius:999px;height:3px}html[data-ui-theme][data-theme] .brightness-pill-range::-webkit-slider-thumb{appearance:none;background:var(--accent);width:12px;height:12px;transition:box-shadow var(--motion-fast) var(--echo-ease);border:0;border-radius:999px;margin-top:-4.5px;box-shadow:0 1px 3px #00000052}html[data-ui-theme][data-theme] .brightness-pill-range::-moz-range-thumb{background:var(--accent);border:0;border-radius:999px;width:12px;height:12px;box-shadow:0 1px 3px #00000052}html[data-ui-theme][data-theme] .brightness-pill-range::-moz-range-progress{background:var(--accent);border-radius:999px;height:3px}html[data-ui-theme][data-theme] .brightness-pill-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent), 0 1px 3px #00000052}html[data-ui-theme][data-theme] .brightness-pill-range:active::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent), 0 1px 3px #00000052}html[data-ui-theme][data-theme] .brightness-pill-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent), 0 1px 3px #00000052}html[data-ui-theme][data-theme] .brightness-pill-range:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:999px}html[data-ui-theme][data-theme] .brightness-pill-value{text-align:center;min-width:3.8em;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}html[data-ui-theme][data-theme] .brightness-pill-reset{border:1px solid var(--border-subtle);width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:0;display:inline-grid}html[data-ui-theme][data-theme] .brightness-pill-reset svg{width:12px;height:12px}html[data-ui-theme][data-theme] .brightness-pill-reset:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 45%, var(--border-subtle))}html[data-ui-theme][data-theme] .brightness-pill-reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html[data-ui-theme][data-theme] .study-appearance-brightness .brightness-pill{width:100%}html[data-ui-theme][data-theme] .brightness-pill-mini{background:0 0;border:0;flex:none;gap:7px;padding:0}html[data-ui-theme][data-theme] .brightness-pill-mini:focus-within{border-color:#0000}html[data-ui-theme][data-theme] .brightness-pill-mini .brightness-pill-icon{width:13px;height:13px}html[data-ui-theme][data-theme] .brightness-pill-mini .brightness-pill-range{flex:auto;width:auto;min-width:54px;max-width:96px}html[data-ui-theme] .shell>aside.shell-navigation>.brightness-pill-mini{margin-top:14px}html[data-ui-theme] .shell>aside.shell-navigation:has(>.brightness-pill-mini)>nav{margin-top:18px}@media (min-width:761px) and (max-width:1199px){html[data-ui-theme] .shell>aside.shell-navigation>.brightness-pill-mini .brightness-pill-range{min-width:40px;max-width:72px}}html[data-ui-theme] .shell-mobile-brightness{padding:.15rem .35rem .85rem}html[data-ui-theme] .shell-mobile-brightness .brightness-pill-mini{flex:auto;width:100%}@media (prefers-reduced-motion:reduce){html[data-ui-theme][data-theme] .brightness-pill,html[data-ui-theme][data-theme] .brightness-pill-icon{transition:none!important}html[data-ui-theme][data-theme] .brightness-pill-range::-webkit-slider-thumb{transition:none!important}}html[data-ui-theme][data-theme] .token-hint-card{border-radius:var(--radius-lg);box-shadow:none}html[data-ui-theme][data-theme] .token-hint-head small{color:var(--text-muted)}html[data-ui-theme][data-theme] .token-hint-head strong{color:var(--text-primary)}html[data-ui-theme][data-theme] .token-hint-head>svg{color:var(--accent)}html[data-ui-theme][data-theme] .token-hint-head button{color:var(--text-secondary)}html[data-ui-theme][data-theme] .token-hint-head button:hover,html[data-ui-theme][data-theme] .study-token-word,html[data-ui-theme][data-theme] .study-word-text{color:var(--text-primary)}html[data-ui-theme][data-theme] .study-token-ipa,html[data-ui-theme][data-theme] .study-token-order,html[data-ui-theme][data-theme] .study-token small,html[data-ui-theme][data-theme] .study-token-meaning,html[data-ui-theme][data-theme] .study-word-mask{color:var(--text-secondary)}html[data-ui-theme][data-theme] :is(.study-word-audio,.study-word-reveal){color:var(--text-muted)}html[data-ui-theme][data-theme] :is(.study-word-audio,.study-word-reveal):is(:hover,:focus-visible){color:var(--accent);outline:none}html[data-ui-theme][data-theme] .study-token.speaking .study-word-audio{color:var(--accent)}html[data-ui-theme][data-theme] :is(.study-token.speaking,.study-sentence-audio button.speaking){border-color:color-mix(in srgb, var(--accent) 52%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 10%, var(--surface-control))}html[data-ui-theme][data-theme] .study-token-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}html[data-ui-theme][data-theme] .study-token-actions button{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-control);min-height:38px;color:var(--text-secondary);cursor:pointer;transition:color var(--motion-fast) var(--echo-ease), border-color var(--motion-fast) var(--echo-ease);align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}html[data-ui-theme][data-theme] .study-token-actions button svg{width:13px;height:13px}html[data-ui-theme][data-theme] .study-token-actions button:is(:hover,:focus-visible):not(:disabled){color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 45%, var(--border-subtle))}html[data-ui-theme][data-theme] .study-token-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html[data-ui-theme][data-theme] .study-token-actions button:disabled{color:var(--text-disabled);cursor:default;opacity:.7}html[data-ui-theme][data-theme] .study-token-actions .study-action-show-all:not(:disabled){color:var(--accent)}html[data-ui-theme][data-theme] .study-mistake-row{background:var(--surface-control)}html[data-ui-theme][data-theme] .study-mistake-row.is-wrong{border-color:color-mix(in srgb, var(--danger) 45%, var(--border-subtle));background:color-mix(in srgb, var(--danger) 7%, var(--surface-control))}html[data-ui-theme][data-theme] .study-mistake-row.is-right{border-color:color-mix(in srgb, var(--success) 45%, var(--border-subtle));background:color-mix(in srgb, var(--success) 7%, var(--surface-control))}html[data-ui-theme][data-theme] .study-mistake-row.is-wrong .study-mistake-mark{color:var(--danger)}html[data-ui-theme][data-theme] .study-mistake-row.is-right .study-mistake-mark{color:var(--success)}html[data-ui-theme][data-theme] .study-mistake-row small,html[data-ui-theme][data-theme] .study-mistake-row.is-right small{color:var(--text-muted)}html[data-ui-theme][data-theme] .pos-tone-olive{color:#b6b875}html[data-ui-theme][data-theme] .pos-tone-mint{color:#82b59c}html[data-ui-theme][data-theme] .pos-tone-amber{color:#c5a36c}html[data-ui-theme][data-theme] .pos-tone-teal{color:#74aeb0}html[data-ui-theme][data-theme] .pos-tone-slate{color:#879caf}html[data-ui-theme][data-theme] .pos-tone-violet{color:#a89ac0}html[data-ui-theme][data-theme] .pos-tone-cyan-gray{color:#7fa1a3}html[data-ui-theme][data-theme] .pos-tone-ochre{color:#ad9665}html[data-ui-theme][data-theme] .pos-tone-sage{color:#9caf84}html[data-ui-theme][data-theme] .pos-tone-apricot{color:#c49a7a}html[data-ui-theme][data-theme] .pos-tone-stone{color:#949b91}html[data-ui-theme][data-theme=light] .pos-tone-olive{color:#5e6118}html[data-ui-theme][data-theme=light] .pos-tone-mint{color:#1f6b58}html[data-ui-theme][data-theme=light] .pos-tone-amber{color:#7a5a10}html[data-ui-theme][data-theme=light] .pos-tone-teal{color:#1f6a72}html[data-ui-theme][data-theme=light] .pos-tone-slate{color:#4a5b73}html[data-ui-theme][data-theme=light] .pos-tone-violet{color:#5f4b86}html[data-ui-theme][data-theme=light] .pos-tone-cyan-gray{color:#3f6470}html[data-ui-theme][data-theme=light] .pos-tone-ochre{color:#705415}html[data-ui-theme][data-theme=light] .pos-tone-sage{color:#4f6634}html[data-ui-theme][data-theme=light] .pos-tone-apricot{color:#7a4f31}html[data-ui-theme][data-theme=light] .pos-tone-stone{color:#5c6357}@media (max-width:760px){html[data-ui-theme][data-theme] .study-token-actions button{min-height:var(--control-min,44px);flex:auto;justify-content:center}}@media (prefers-reduced-motion:reduce){html[data-ui-theme][data-theme] .study-token-actions button{transition:none!important}}.admin-app.admin-app{--echo-adm-bg:#080a11;--echo-adm-bg-d:#05060c;--echo-adm-bg-l:#0d1017;--echo-adm-sidebar:#0c0f18;--echo-adm-sidebar-d:#090b12;--echo-adm-sidebar-l:#12161f;--echo-adm-surface:#12151f;--echo-adm-surface-d:#0d1017;--echo-adm-surface-l:#191d2a;--echo-adm-surface-2:#171b28;--echo-adm-surface-2-d:#12161f;--echo-adm-surface-2-l:#1f2434;--echo-adm-surface-3:#1d2231;--echo-adm-surface-3-d:#171b27;--echo-adm-surface-3-l:#262c3e;--echo-adm-line:#262c3d;--echo-adm-line-d:#1e2333;--echo-adm-line-l:#2f3750;--echo-adm-line-strong:#39415a;--echo-adm-line-strong-d:#2e3548;--echo-adm-line-strong-l:#454e6b;--admin-bg:color-mix(in oklab, color-mix(in oklab, var(--echo-adm-bg) calc(100% - var(--echo-dim)), var(--echo-adm-bg-d) var(--echo-dim)), var(--echo-adm-bg-l) var(--echo-lift));--admin-sidebar:color-mix(in oklab, color-mix(in oklab, var(--echo-adm-sidebar) calc(100% - var(--echo-dim)), var(--echo-adm-sidebar-d) var(--echo-dim)), var(--echo-adm-sidebar-l) var(--echo-lift));--admin-surface:color-mix(in oklab, color-mix(in oklab, var(--echo-adm-surface) calc(100% - var(--echo-dim)), var(--echo-adm-surface-d) var(--echo-dim)), var(--echo-adm-surface-l) var(--echo-lift));--admin-surface-2:color-mix(in oklab, color-mix(in oklab, var(--echo-adm-surface-2) calc(100% - var(--echo-dim)), var(--echo-adm-surface-2-d) var(--echo-dim)), var(--echo-adm-surface-2-l) var(--echo-lift));--admin-surface-3:color-mix(in oklab, color-mix(in oklab, var(--echo-adm-surface-3) calc(100% - var(--echo-dim)), var(--echo-adm-surface-3-d) var(--echo-dim)), var(--echo-adm-surface-3-l) var(--echo-lift));--admin-line:color-mix(in oklab, color-mix(in oklab, var(--echo-adm-line) calc(100% - var(--echo-dim)), var(--echo-adm-line-d) var(--echo-dim)), var(--echo-adm-line-l) var(--echo-lift));--admin-line-strong:color-mix(in oklab, color-mix(in oklab, var(--echo-adm-line-strong) calc(100% - var(--echo-dim)), var(--echo-adm-line-strong-d) var(--echo-dim)), var(--echo-adm-line-strong-l) var(--echo-lift))}.home-quick-links,.home-first-run{display:none}@media (max-width:760px){html[data-ui-theme] .home-dashboard{gap:var(--space-4);flex-direction:column;display:flex}html[data-ui-theme] .home-intro{text-align:left;order:1}html[data-ui-theme] .home-intro h1{margin:.2rem 0 .25rem;font-size:clamp(1.25rem,5.6vw,1.55rem)}html[data-ui-theme] .home-intro-description{font-size:var(--type-caption);color:var(--text-secondary);margin:0}html[data-ui-theme] .daily-hero{min-height:0;padding:var(--space-4);gap:var(--space-3);order:2;grid-template-columns:minmax(0,1fr)}html[data-ui-theme] .daily-hero h2{font-size:var(--type-h3);margin:.15rem 0 .25rem}html[data-ui-theme] .daily-copy>.button-primary{width:100%;min-height:52px;margin-top:var(--space-2);font-size:var(--type-body-lg);justify-content:center}html[data-ui-theme] .daily-hero>:not(.daily-copy){display:none}html[data-ui-theme] .home-first-run{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);order:3;gap:.5rem;display:grid}html[data-ui-theme] .home-first-run ol{font-size:var(--type-caption);color:var(--text-secondary);gap:.35rem;margin:0;padding:0;list-style:none;display:grid}html[data-ui-theme] .home-first-run li{grid-template-columns:1.15rem minmax(0,1fr);align-items:start;gap:.5rem;display:grid}html[data-ui-theme] .home-first-run li b{color:var(--accent)}html[data-ui-theme] .home-first-run-dismiss{min-height:var(--control-min);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-control);color:var(--text-secondary);font-size:var(--type-caption);cursor:pointer;justify-self:end;padding:.3rem .9rem}html[data-ui-theme] .home-quick-links{order:4;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}html[data-ui-theme] .home-quick-links a{min-height:var(--control-min);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);font-size:var(--type-caption);place-items:center;gap:.15rem;padding:.65rem .35rem;text-decoration:none;display:grid}html[data-ui-theme] .home-quick-links a small{color:var(--text-muted);font-size:.6875rem}html[data-ui-theme] .home-quick-links a svg{width:1.15rem;height:1.15rem}html[data-ui-theme] .home-dashboard :is(.home-route,.home-route-journey,.home-route-empty) .button-primary{background:var(--surface-control);color:var(--text-primary);border-color:var(--border-subtle)}html[data-ui-theme] .home-tasks{order:5}html[data-ui-theme] .home-split{order:6;grid-template-columns:minmax(0,1fr)}html[data-ui-theme] .home-route{order:7}html[data-ui-theme] .home-recent,html[data-ui-theme] .home-review{order:6}html[data-ui-theme] .home-explore{order:8}html[data-ui-theme] .week-overview{padding:var(--space-4);order:9}html[data-ui-theme] .week-numbers{gap:var(--space-4)}html[data-ui-theme] .week-numbers b{font-size:1.35rem}html[data-ui-theme] .home-feedback-picker{order:10}html[data-ui-theme] .home-dashboard .today-tasks>a{min-height:4.25rem;padding:.65rem .8rem}html[data-ui-theme] .home-dashboard .today-tasks>a>div>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}html[data-ui-theme] .home-dashboard .today-tasks strong{font-size:1.15rem}html[data-ui-theme] .home-dashboard .review-panel{min-height:8rem;padding:var(--space-4)}html[data-ui-theme] .learn-v2 .navigation-bar{padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom));background:var(--surface-navigation);border-top:1px solid var(--border-subtle);grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;display:grid}html[data-ui-theme] .learn-v2 .navigation-bar>button{gap:.25rem;min-height:48px;padding:.45rem .25rem}html[data-ui-theme] .learn-v2 .navigation-bar>button kbd{display:none}html[data-ui-theme] .learn-v2 .navigation-bar>button:nth-of-type(6){border-radius:var(--radius-control);order:-1;grid-area:1/1/auto/-1;min-height:52px;font-size:1rem;font-weight:700}html[data-ui-theme] .learn-v2 .navigation-bar :is(.mastered-action,.unfamiliar-action){font-size:.8125rem}html[data-ui-theme] .learn-v2 .navigation-bar :is(.action-status,.audio-status){grid-column:1/-1;font-size:.8125rem}html[data-ui-theme] .learn-v2 .answer-composer .submit,html[data-ui-theme] .learn-v2 .feedback-actions .next-cta{border-radius:var(--radius-control);width:100%;min-height:52px;font-size:1rem;font-weight:700}html[data-ui-theme] .learn-v2 .hint-entry{color:var(--text-secondary);font-size:var(--type-caption);text-underline-offset:2px;background:0 0;border-color:#0000;text-decoration:underline}html[data-ui-theme] .shell-mobile-navigation{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}html[data-ui-theme] .shell-mobile-navigation>:is(a,button){min-height:max(3.5rem, var(--control-min));padding:.35rem .15rem}html[data-ui-theme] .shell-mobile-navigation>:is(a,button) svg{width:1.25rem;height:1.25rem}html[data-ui-theme] .shell-mobile-navigation>:is(a,button) span{font-size:.6875rem;line-height:1.2}html[data-ui-theme] .learn-v2 .navigation-bar>button.study-next-pending{display:none}html[data-ui-theme] .learn-v2 .navigation-bar{padding:.45rem .6rem calc(.45rem + env(safe-area-inset-bottom));gap:.3rem}html[data-ui-theme] .learn-v2 .navigation-bar>button{min-height:44px;padding:.35rem .2rem}}