@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";.sound-course-library{width:min(1180px,100%);min-width:0;overflow-x:clip;margin:0 auto;color:var(--ink, #282a24);font-family:DM Sans,Noto Sans SC,system-ui,sans-serif}.sound-course-library button,.sound-course-library input,.sound-course-library select{font:inherit}.sound-course-library button:focus-visible,.sound-course-library input:focus-visible,.sound-course-library select:focus-visible,.sound-course-library summary:focus-visible,.sound-course-library [tabindex="-1"]:focus-visible{outline:2px solid var(--coral, #d36c57);outline-offset:3px}.scl-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scl-eyebrow{margin:0 0 8px;color:var(--coral-dark, #a74838);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.scl-catalog__hero{position:relative;display:grid;min-height:260px;overflow:hidden;align-items:end;gap:30px;padding:32px 24px;border-radius:18px;color:#f9f5ec;background:#30372f;box-shadow:var(--shadow, 0 20px 60px rgba(48, 44, 33, .09))}.scl-catalog__hero:before{content:"";position:absolute;width:260px;height:260px;right:-72px;top:-104px;border:1px solid rgba(255,255,255,.055);border-radius:50%;box-shadow:0 0 0 48px #ffffff05,0 0 0 96px #ffffff03}.scl-catalog__hero>*{position:relative;z-index:1}.scl-catalog__hero .scl-eyebrow{color:#dda58f}.scl-catalog__hero h1{max-width:720px;margin:0 0 14px;font:600 clamp(32px,6vw,54px)/1.08 "Playfair Display","Noto Sans SC",serif;letter-spacing:-.045em}.scl-catalog__hero div:first-child>p:last-child{max-width:690px;margin:0;color:#b9c0b7;font-size:13px;line-height:1.8}.scl-catalog__count{display:flex;width:fit-content;align-items:baseline;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:#ffffff0e}.scl-catalog__count strong{color:#efb29b;font:600 27px Playfair Display,serif}.scl-catalog__count span{color:#b9c0b7;font-size:10px}.scl-tools{display:flex;align-items:stretch;flex-direction:column;gap:14px;margin:24px 0 16px}.scl-search{display:flex;min-height:48px;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line, #dedbcf);border-radius:9px;background:var(--paper, #fbfaf5)}.scl-search:focus-within{border-color:var(--coral, #d36c57);box-shadow:0 0 0 3px #d36c571a}.scl-search svg{width:18px;flex:0 0 auto;color:var(--muted, #77766d)}.scl-search input{width:100%;min-width:0;border:0;outline:0;color:var(--ink, #282a24);background:transparent;font-size:13px}.scl-search input::placeholder{color:#9a988f}.scl-filters{display:flex;max-width:100%;overflow-x:auto;gap:7px;padding:1px 1px 4px;scrollbar-width:none}.scl-filters::-webkit-scrollbar{display:none}.scl-filters button{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;gap:7px;padding:0 14px;border:1px solid var(--line, #dedbcf);border-radius:24px;color:#77766e;background:transparent;font-size:11px;font-weight:700}.scl-filters button span{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:11px;background:#ebe8df;font-size:9px}.scl-filters button.is-active{color:#fff;border-color:var(--ink, #282a24);background:var(--ink, #282a24)}.scl-filters button.is-active span{color:#613429;background:#e6aa94}.scl-result-count{margin:0 0 12px;color:var(--muted, #77766d);font-size:10px}.scl-grid{display:grid;grid-template-columns:1fr;gap:12px}.scl-card{min-width:0}.scl-card__button{position:relative;display:flex;width:100%;min-height:244px;overflow:hidden;flex-direction:column;align-items:flex-start;padding:17px;text-align:left;border:1px solid var(--line, #dedbcf);border-radius:12px;color:inherit;background:var(--paper, #fbfaf5);box-shadow:0 8px 28px #302c2109;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.scl-card__button:after{content:"";position:absolute;width:145px;height:145px;right:-72px;top:44px;border:1px solid rgba(96,123,135,.09);border-radius:50%;box-shadow:0 0 0 28px #607b8706}.scl-card[data-category=diphthong] .scl-card__button:after{border-color:#d36c571f;box-shadow:0 0 0 28px #d36c5706}.scl-card[data-category=consonant] .scl-card__button:after{border-color:#637b691f;box-shadow:0 0 0 28px #637b6906}.scl-card[data-category=accent] .scl-card__button{border-color:#d8c9a8;background:linear-gradient(145deg,#fffdf6,#f8f2e4)}.scl-card[data-category=accent] .scl-card__button:after{border-color:#a5773529;box-shadow:0 0 0 28px #a5773509}.scl-card__button:hover{z-index:1;border-color:#bfbbae;box-shadow:0 16px 38px #302c2117;transform:translateY(-2px)}.scl-card__topline,.scl-card__footer{position:relative;z-index:1;display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px}.scl-card__identity{display:flex;align-items:center;gap:7px;color:var(--muted, #77766d);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.scl-card__identity strong{padding:5px 8px;border-radius:14px;color:#693c32;background:var(--coral-pale, #f5dcd3);font-size:10px;letter-spacing:0;text-transform:none}.scl-progress-pill{display:inline-flex;width:fit-content;align-items:center;padding:5px 8px;border-radius:20px;color:#68675f;background:#ebe9e2;font-size:9px;font-weight:700;white-space:nowrap}.scl-progress-pill--introduced,.scl-progress-pill--perception{color:#526b74;background:#dce8ec}.scl-progress-pill--trained_words,.scl-progress-pill--untrained_words,.scl-progress-pill--connected_speech,.scl-progress-pill--singing{color:#884737;background:#f4ddd5}.scl-progress-pill--retained{color:#4f6855;background:#dce7dd}.scl-progress-pill--neutral{color:#735726;background:#eee2c7}.scl-card__ipa{position:relative;z-index:1;margin:23px 0 8px;font:600 39px/1 Playfair Display,serif;letter-spacing:-.03em}.scl-card[data-category=vowel] .scl-card__ipa{color:#4f6c78}.scl-card[data-category=diphthong] .scl-card__ipa{color:#a65342}.scl-card[data-category=consonant] .scl-card__ipa{color:#55705c}.scl-card[data-category=accent] .scl-card__ipa{color:#8b642c;font-size:32px;line-height:1.1}.scl-card__title{position:relative;z-index:1;display:-webkit-box;overflow:hidden;color:var(--ink, #282a24);font:600 17px/1.35 Playfair Display,Noto Sans SC,serif;letter-spacing:-.02em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.scl-card__examples{position:relative;z-index:1;margin:8px 0 18px;overflow:hidden;color:var(--muted, #77766d);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.scl-card__footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--line, #dedbcf);color:var(--muted, #77766d);font-size:9px}.scl-card__footer svg{width:16px;color:var(--coral-dark, #a74838);transition:transform .18s ease}.scl-card__button:hover .scl-card__footer svg{transform:translate(3px)}.scl-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin-top:17px;padding:11px;border:1px solid var(--line, #dedbcf);border-radius:11px;background:var(--paper, #fbfaf5)}.scl-pagination button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid var(--line, #dedbcf);border-radius:8px;color:#555a52;background:#fffef9;font-size:12px;font-weight:800}.scl-pagination button:last-child{color:#fff;border-color:var(--coral-dark, #a74838);background:var(--coral-dark, #a74838)}.scl-pagination button:disabled{opacity:.35;cursor:default}.scl-pagination button svg{width:15px}.scl-pagination>span{display:grid;min-width:54px;justify-items:center;color:#66675f;font-size:11px}.scl-pagination>span strong{color:var(--ink, #282a24);font-size:16px}.scl-pagination>span small{margin-top:2px;color:var(--muted, #77766d);font-size:8px;white-space:nowrap}.scl-empty{display:flex;min-height:270px;flex-direction:column;align-items:center;justify-content:center;padding:34px 20px;text-align:center;border:1px dashed #cbc7bb;border-radius:12px;background:#fbfaf58c}.scl-empty__icon{display:flex;width:52px;height:52px;align-items:center;justify-content:center;margin-bottom:14px;border-radius:50%;color:var(--coral-dark, #a74838);background:var(--coral-pale, #f5dcd3)}.scl-empty__icon svg{width:22px}.scl-empty h2{margin:0 0 7px;font:600 21px Playfair Display,Noto Sans SC,serif}.scl-empty p{max-width:390px;margin:0;color:var(--muted, #77766d);font-size:11px;line-height:1.7}.scl-back{display:inline-flex;min-height:44px;align-items:center;gap:7px;margin:0 0 14px;padding:0 3px;border:0;color:var(--muted, #77766d);background:transparent;font-size:11px;font-weight:700}.scl-back svg{width:17px}.scl-detail__hero{position:relative;display:grid;overflow:hidden;gap:24px;padding:26px 21px 20px;border-radius:17px;color:#f9f5ec;background:#30372f;box-shadow:var(--shadow, 0 20px 60px rgba(48, 44, 33, .09))}.scl-detail__hero:after{content:"";position:absolute;width:360px;height:360px;right:-230px;top:-230px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 55px #ffffff05,0 0 0 110px #ffffff03}.scl-detail__hero>*{position:relative;z-index:1}.scl-detail__identity{display:flex;align-items:flex-start;flex-direction:column;gap:19px}.scl-detail__identity .scl-eyebrow{color:#dda58f}.scl-detail__ipa{display:flex;width:82px;height:82px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#3f302a;background:#dda58f;box-shadow:0 0 0 9px #dda58f14;font:600 23px Playfair Display,serif}.scl-detail__hero[data-category=vowel] .scl-detail__ipa{background:#b6ced5}.scl-detail__hero[data-category=consonant] .scl-detail__ipa{background:#b9cfbd}.scl-detail__hero[data-category=accent] .scl-detail__ipa{padding:6px;text-align:center;color:#4b3a1f;background:#dec995;font-size:clamp(13px,3.4vw,18px);line-height:1.15}.scl-detail__identity h1{margin:0 0 10px;outline:0;font:600 clamp(29px,5vw,44px)/1.12 "Playfair Display","Noto Sans SC",serif;letter-spacing:-.04em}.scl-detail__identity div>p:last-child{max-width:720px;margin:0;color:#b8bfb6;font-size:12px;line-height:1.8}.scl-detail__goal{padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0e}.scl-detail__goal span{display:block;margin-bottom:6px;color:#dda58f;font-size:9px;font-weight:700;letter-spacing:.08em}.scl-detail__goal p{margin:0;color:#e2e5df;font-size:11px;line-height:1.7}.scl-detail__stats{display:flex;align-items:stretch;flex-wrap:wrap;gap:1px;padding-top:17px;border-top:1px solid rgba(255,255,255,.1)}.scl-detail__stats>span{display:flex;min-width:82px;flex:1;align-items:baseline;gap:5px;color:#adb4ac;font-size:9px}.scl-detail__stats strong{color:#fff;font:600 20px Playfair Display,serif}.scl-detail__stats button{display:inline-flex;width:100%;min-height:44px;align-items:center;justify-content:center;gap:7px;margin-top:13px;padding:0 16px;border:0;border-radius:7px;color:#fff;background:var(--coral-dark, #a74838);font-size:12px;font-weight:700}.scl-detail__stats button:disabled{color:#d9ded7;background:#596158;cursor:default}.scl-detail__stats button svg{width:16px}.scl-course-brief{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff0b}.scl-course-brief summary{display:grid;min-height:48px;grid-template-columns:1fr auto 18px;align-items:center;gap:8px;padding:0 13px;cursor:pointer;list-style:none}.scl-course-brief summary::-webkit-details-marker{display:none}.scl-course-brief summary span{color:#f5f3ec;font-size:12px;font-weight:800}.scl-course-brief summary small{color:#b8bfb6;font-size:10px}.scl-course-brief summary svg{width:17px;transition:transform .18s ease}.scl-course-brief[open] summary svg{transform:rotate(180deg)}.scl-course-brief>div{padding:13px;border-top:1px solid rgba(255,255,255,.1)}.scl-course-brief>div>p{margin:0 0 12px;color:#c7cdc5;font-size:13px;line-height:1.7}.scl-course-brief .scl-detail__goal{margin-bottom:12px}.scl-course-brief .scl-detail__stats{margin-top:0}.scl-assign-error{display:flex;align-items:center;gap:7px;margin:12px 0 0;padding:11px 13px;border:1px solid #e4b5a9;border-radius:8px;color:#9e4033;background:#fae9e4;font-size:10px}.scl-assign-error svg{width:16px}.scl-learning-layout{display:grid;min-width:0;gap:13px}.scl-mobile-course-menu{margin:13px 0;overflow:hidden;border:1px solid var(--line, #dedbcf);border-radius:12px;background:var(--paper, #fbfaf5);box-shadow:0 8px 24px #302c210a}.scl-mobile-course-menu>summary{display:grid;min-height:62px;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:9px;padding:8px 11px;cursor:pointer;list-style:none}.scl-mobile-course-menu>summary::-webkit-details-marker{display:none}.scl-mobile-course-menu__number{display:grid;width:38px;height:38px;place-content:center;text-align:center;border-radius:9px;color:#744134;background:var(--coral-pale, #f5dcd3);font:700 14px Playfair Display,serif}.scl-mobile-course-menu__number small{margin-left:2px;font:700 8px DM Sans,sans-serif}.scl-mobile-course-menu__current{display:flex;min-width:0;flex-direction:column;gap:2px}.scl-mobile-course-menu__current small{color:var(--muted, #77766d);font-size:10px}.scl-mobile-course-menu__current strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.scl-mobile-course-menu__toggle{display:grid;width:24px;height:24px;place-items:center}.scl-mobile-course-menu__toggle>svg{width:17px;color:var(--muted, #77766d);transition:transform .18s ease}.scl-mobile-course-menu[open] .scl-mobile-course-menu__toggle>svg{transform:rotate(180deg)}.scl-mobile-course-menu__body{padding:8px;border-top:1px solid var(--line, #dedbcf);background:#f5f2eb}.scl-mobile-course-menu .scl-module-nav{max-height:min(56vh,360px);overflow-y:auto}.scl-module-nav{display:grid;width:100%;min-width:0;gap:4px}.scl-module-nav button{display:grid;width:100%;min-width:0;min-height:44px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;padding:6px 9px;text-align:left;border:1px solid var(--line, #dedbcf);border-radius:8px;color:var(--ink, #282a24);background:var(--paper, #fbfaf5)}.scl-module-nav button>span:first-child{display:flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:7px;color:var(--muted, #77766d);background:#ece9e1;font-size:9px;font-weight:700}.scl-module-nav strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.scl-module-nav button.is-active{color:#fff;border-color:#30372f;background:#30372f}.scl-module-nav button.is-active>span:first-child{color:#643326;background:#e7aa94}.scl-module-panel{min-width:0;overflow:hidden;border:1px solid var(--line, #dedbcf);border-radius:12px;background:var(--paper, #fbfaf5)}.scl-module-panel__header{display:flex;align-items:flex-start;gap:14px;padding:22px 17px 19px;border-bottom:1px solid var(--line, #dedbcf)}.scl-module-number{display:flex;min-width:50px;flex-direction:column;align-items:center;gap:2px;padding:9px 6px;border-radius:8px;color:#744134;background:var(--coral-pale, #f5dcd3)}.scl-module-number span{font:600 18px Playfair Display,serif}.scl-module-number small{font-size:7px}.scl-module-panel__header .scl-eyebrow{margin-bottom:5px}.scl-module-panel__header h2{margin:0 0 7px;font:600 clamp(23px,5vw,32px)/1.2 "Playfair Display","Noto Sans SC",serif}.scl-module-panel__header div:last-child>p:last-child{margin:0;color:var(--muted, #77766d);font-size:10px;line-height:1.65}.scl-module-page-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border-bottom:1px solid var(--line, #dedbcf);background:#f4f1ea}.scl-module-page-switch button{display:flex;min-height:48px;align-items:center;justify-content:center;gap:7px;padding:0 9px;border:1px solid var(--line, #dedbcf);border-radius:8px;color:#585b55;background:#fffef9;font-size:12px}.scl-module-page-switch button>span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;color:#6b6d66;background:#ece9e2;font-size:10px;font-weight:800}.scl-module-page-switch button strong{font-size:12px}.scl-module-page-switch button small{display:grid;min-width:20px;height:20px;place-items:center;border-radius:10px;color:#6d4b41;background:#ead7cf;font-size:9px}.scl-module-page-switch button.is-active{color:#fff;border-color:#30372f;background:#30372f}.scl-module-page-switch button.is-active>span{color:#633429;background:#e7aa94}.scl-module-page-switch button.is-active small{color:#593128;background:#e7aa94}.scl-start-practice{display:grid;gap:12px;padding:17px;background:#f0f3ed}.scl-start-practice p{display:grid;gap:3px;margin:0}.scl-start-practice p strong{color:#405646;font-size:13px}.scl-start-practice p span{color:#626a63;font-size:12px;line-height:1.55}.scl-start-practice button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:0;border-radius:9px;color:#fff;background:var(--coral-dark, #a74838);font-size:14px;font-weight:800}.scl-start-practice button span{padding:3px 7px;border-radius:11px;color:#68372d;background:#efb29b;font-size:10px}.scl-start-practice button svg{width:17px}.scl-instructions{padding:18px 17px;border-bottom:1px solid var(--line, #dedbcf);background:#f6f3eb}.scl-instructions h3,.scl-drills>header h3,.scl-module-support h3{margin:0;font:600 18px Playfair Display,Noto Sans SC,serif}.scl-instructions ol{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.scl-instructions li{display:flex;align-items:flex-start;gap:9px;color:#5e5f57;font-size:12px;line-height:1.6}.scl-instructions li span{display:flex;width:21px;height:21px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid #d5b3a7;border-radius:50%;color:var(--coral-dark, #a74838);font-size:8px;font-weight:700}.scl-module-support{padding:21px 17px;border-bottom:1px solid var(--line, #dedbcf)}.scl-sound-concept__plain{margin-top:10px!important;padding:11px 13px;border-left:3px solid var(--coral-dark, #a74838);color:#4d504a!important;background:#faeee9;font-size:13px!important}.scl-sound-concept__definition{margin:14px 0 0;color:#555851;font-size:12px;line-height:1.75}.scl-term-grid{display:grid;gap:9px;margin-top:15px}.scl-term-grid article{display:grid;grid-template-columns:minmax(76px,.3fr) 1fr;align-items:start;gap:12px;padding:12px;border:1px solid var(--line, #dedbcf);border-radius:8px;background:#f8f6ef}.scl-term-grid strong{color:#80483b;font-size:13px}.scl-term-grid p{margin:0;color:#5d6059;font-size:13px;line-height:1.65}.scl-concept-lenses{display:grid;gap:8px;margin-top:12px}.scl-concept-lenses article{padding:11px 12px;border-radius:8px;background:#eef1eb}.scl-concept-lenses article:nth-child(2){background:#f4efe7}.scl-concept-lenses article:nth-child(3){background:#f5e9e4}.scl-concept-lenses span{color:#48554b;font-size:12px;font-weight:800;letter-spacing:.05em}.scl-concept-lenses p{margin:5px 0 0;color:#5d625b;font-size:13px;line-height:1.65}.scl-concept-caution{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;padding:11px 12px;border-radius:8px;color:#685b3c;background:#fbf0d3;font-size:13px;line-height:1.6}.scl-concept-caution svg{width:16px;flex:0 0 auto}.scl-concept-caution span{display:grid;gap:2px}.scl-concept-caution strong{color:#5e4c29;font-size:10px}.scl-section-heading>p:last-child{margin:8px 0 0;color:var(--muted, #77766d);font-size:12px;line-height:1.7}.scl-bridge-grid,.scl-contrast-grid,.scl-check-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:15px}.scl-bridge-card{overflow:hidden;border:1px solid var(--line, #dedbcf);border-radius:10px;background:#f8f6ef}.scl-bridge-card>header{display:grid;grid-template-columns:37px 1fr;align-items:center;gap:10px;padding:13px;border-bottom:1px solid var(--line, #dedbcf)}.scl-bridge-card>header>span{display:flex;width:37px;height:37px;grid-row:span 2;align-items:center;justify-content:center;border-radius:50%;color:#65443a;background:#ead4c9;font:600 14px Playfair Display,serif}.scl-bridge-card[data-status=contrast]>header>span{color:#435c65;background:#dce8eb}.scl-bridge-card[data-status=none]>header>span{color:#60625b;background:#e5e4dd}.scl-bridge-card header div{min-width:0}.scl-bridge-card header small{display:block;margin-bottom:3px;color:#66665f;font-size:11px}.scl-bridge-card header h3{overflow-wrap:anywhere;font:600 15px Noto Sans SC,sans-serif}.scl-bridge-card header em{grid-column:2;width:fit-content;padding:4px 7px;border-radius:12px;color:#6f5148;background:#eddfd9;font-size:10px;font-style:normal;font-weight:700}.scl-bridge-card__body{padding:13px}.scl-bridge-card__body p{margin:0 0 12px;color:#595a54;font-size:12px;line-height:1.7}.scl-bridge-card__body p:last-child{margin-bottom:0}.scl-bridge-card__body strong{display:block;margin-bottom:3px;color:var(--ink, #282a24);font-size:12px}.scl-bridge-card>footer{display:flex;align-items:flex-start;gap:7px;padding:10px 13px;border-top:1px solid #e4cd9e;color:#6e5d39;background:#fbf0d3;font-size:8px;line-height:1.55}.scl-bridge-card>footer svg{width:14px;flex:0 0 auto}.scl-action-steps{display:grid;gap:8px;margin:15px 0 0;padding:0;list-style:none}.scl-action-steps li{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:11px;border:1px solid var(--line, #dedbcf);border-radius:8px;background:#f8f6ef}.scl-action-steps span{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;color:#83493c;background:var(--coral-pale, #f5dcd3);font:600 12px Playfair Display,serif}.scl-action-steps p{margin:0;color:#5e5f57;font-size:13px;line-height:1.65}.scl-entry-methods{margin-top:18px;padding-top:18px;border-top:1px solid var(--line, #dedbcf)}.scl-entry-methods>header h4{margin:4px 0 0;font:600 17px Playfair Display,Noto Sans SC,serif}.scl-entry-methods>header>p:last-child{margin:7px 0 0;color:#666861;font-size:13px;line-height:1.65}.scl-entry-methods>div{display:grid;gap:8px;margin-top:13px}.scl-entry-methods details{overflow:hidden;border:1px solid var(--line, #dedbcf);border-radius:9px;background:#fffef9}.scl-entry-methods summary{display:grid;grid-template-columns:27px 1fr;gap:2px 9px;align-items:center;padding:11px;cursor:pointer;list-style:none}.scl-entry-methods summary::-webkit-details-marker{display:none}.scl-entry-methods summary>span{display:grid;width:27px;height:27px;grid-row:span 2;place-items:center;border-radius:50%;color:#744134;background:var(--coral-pale, #f5dcd3);font-size:10px;font-weight:800}.scl-entry-methods summary strong{font-size:14px}.scl-entry-methods summary small{color:#62665e;font-size:12px;line-height:1.45}.scl-entry-methods details[open] summary{border-bottom:1px solid var(--line, #dedbcf);background:#f7f3ed}.scl-entry-methods details>ol{display:grid;gap:7px;margin:0;padding:13px 17px 11px 34px;color:#555a53;font-size:13px;line-height:1.65}.scl-method-success,.scl-method-fallback{display:flex;align-items:flex-start;gap:7px;margin:0 12px 9px;padding:9px 10px;border-radius:7px;color:#526057;background:#edf2eb;font-size:12px;line-height:1.55}.scl-method-fallback{color:#6b5b3e;background:#faf1dc}.scl-method-success svg,.scl-method-fallback svg{width:14px;flex:0 0 auto}.scl-method-success span,.scl-method-fallback span{display:grid;gap:2px}.scl-method-success strong,.scl-method-fallback strong{font-size:11px;letter-spacing:.05em}.scl-check-grid>section{padding:13px;border-radius:9px;background:#eef1eb}.scl-check-grid>section:last-child{background:#f2ebe5}.scl-check-grid h4{margin:0 0 10px;font-size:10px}.scl-check-grid ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.scl-check-grid li{display:flex;align-items:flex-start;gap:7px;color:#60635d;font-size:12px;line-height:1.55}.scl-check-grid svg{width:14px;flex:0 0 auto;color:var(--green, #637b69)}.scl-check-grid>section:last-child svg{color:var(--coral-dark, #a74838)}.scl-contrast-grid>article{overflow:hidden;border:1px solid var(--line, #dedbcf);border-radius:9px}.scl-contrast-grid article>header{display:flex;align-items:center;gap:12px;padding:12px;background:#f1eee7}.scl-contrast-grid article>header strong{flex:0 0 auto;color:#8b493b;font:600 20px Playfair Display,serif}.scl-contrast-grid article>header p{margin:0;color:#66675f;font-size:9px;line-height:1.55}.scl-contrast-grid article>div{display:grid;gap:1px;background:var(--line, #dedbcf)}.scl-contrast-grid article>div>p{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;padding:10px;background:var(--paper, #fbfaf5);font-size:10px}.scl-contrast-grid article>div>p>span{display:flex;min-width:74px;flex-direction:column;align-items:center;font-weight:700}.scl-contrast-grid article>div small{margin-top:2px;color:var(--muted, #77766d);font-size:8px;font-weight:400}.scl-contrast-grid article>div em{color:var(--coral-dark, #a74838);font-style:normal}.scl-review-guide>ol{display:grid;gap:8px;margin:15px 0;padding:0;list-style:none}.scl-review-guide>ol li{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:9px;padding:10px;border-radius:7px;background:#f3f0e9}.scl-review-guide>ol span{display:flex;width:27px;height:27px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--green, #637b69);font-size:9px;font-weight:700}.scl-review-guide>ol p{margin:0;color:#5f615b;font-size:9px;line-height:1.55}.scl-hypotheses h4,.scl-teacher-checks h4{margin:17px 0 9px;font-size:10px}.scl-hypotheses details{border-top:1px solid var(--line, #dedbcf)}.scl-hypotheses details:last-child{border-bottom:1px solid var(--line, #dedbcf)}.scl-hypotheses summary{display:flex;min-height:44px;align-items:center;padding:8px 2px;color:#5c5e57;font-size:11px;font-weight:700;cursor:pointer}.scl-hypotheses details p{margin:-3px 0 11px;padding:0 15px;color:var(--muted, #77766d);font-size:9px;line-height:1.6}.scl-teacher-checks{margin-top:15px;padding:1px 13px 13px;border-radius:8px;background:#edf1eb}.scl-teacher-checks ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.scl-teacher-checks li{display:flex;align-items:flex-start;gap:7px;color:#526057;font-size:9px;line-height:1.55}.scl-teacher-checks svg{width:14px;flex:0 0 auto;color:var(--green, #637b69)}.scl-drills{padding:22px 13px}.scl-drills>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 4px 13px}.scl-drills>header .scl-eyebrow{margin-bottom:5px}.scl-drills>header>span{padding:5px 8px;border-radius:14px;color:#5f625b;background:#ece9e2;font-size:10px;font-weight:700}.scl-back-to-guide{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid var(--line, #dedbcf);border-radius:8px;color:#555a52;background:#fffef9;font-size:11px;font-weight:800}.scl-back-to-guide svg{width:15px}.scl-practice-progress{display:grid;grid-template-columns:auto minmax(90px,1fr);align-items:center;gap:6px 10px;margin-bottom:10px;padding:10px 11px;border-radius:8px;background:#f0ede6;outline:none}.scl-practice-progress>span{color:#5c4e47;font-size:13px;font-weight:800}.scl-practice-progress progress{width:100%;height:7px;accent-color:var(--coral-dark, #a74838)}.scl-practice-progress small{grid-column:1 / -1;color:#64675f;font-size:12px;line-height:1.5}.scl-drill-session>ol{display:block;margin:0;padding:0;list-style:none}.scl-drill-card>article{overflow:hidden;border:1px solid var(--line, #dedbcf);border-radius:10px;background:#fffef9}.scl-drill-card__toggle{display:flex;width:100%;flex-direction:column;padding:0;text-align:left;border:0;color:inherit;background:transparent}.scl-drill-card__topline{display:grid;width:100%;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line, #dedbcf);background:#f4f1ea}.scl-drill-card__topline>span{color:#9a665a;font:600 11px Playfair Display,serif}.scl-drill-card__topline em{padding:4px 7px;border-radius:12px;color:#6f4036;background:#ead7cf;font-size:12px;font-style:normal;font-weight:700}.scl-drill-card__topline>small{justify-self:end;color:#646861;font-size:11px}.scl-drill-card__text{display:flex;width:100%;flex-direction:column;gap:6px;padding:16px 13px}.scl-drill-card__text strong{overflow-wrap:anywhere;font:600 clamp(19px,5vw,25px)/1.35 "Playfair Display","Noto Sans SC",serif;letter-spacing:-.02em}.scl-drill-card__ipa{color:#8b493b;font:500 13px DM Sans,sans-serif}.scl-drill-card__expanded{padding-top:1px;border-top:1px solid var(--line, #dedbcf)}.scl-drill-card__translation{display:flex;align-items:baseline;gap:8px;margin:10px 13px;color:#50534d;font-size:14px}.scl-drill-card__translation span{color:#865044;font-size:9px;font-weight:800;letter-spacing:.08em}.scl-focus-tokens{display:flex;flex-wrap:wrap;gap:6px;padding:0 13px 12px}.scl-focus-tokens span{padding:5px 8px;border-radius:14px;color:#815044;background:var(--coral-pale, #f5dcd3);font-size:11px;font-weight:700}.scl-coach-cue{display:grid;gap:4px;margin:0 13px 12px;padding:10px;border-left:3px solid var(--gold, #b88944);color:#665e4d;background:#faf1d8;font-size:12px;line-height:1.6}.scl-coach-cue span{color:#6c572f;font-size:10px;font-weight:700;letter-spacing:.08em}.scl-drill-audio{padding:0 13px 13px}.scl-drill-audio>label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:var(--muted, #77766d);font-size:12px;font-weight:700}.scl-drill-audio>label select{min-width:130px;min-height:44px;padding:0 8px;border:1px solid var(--line, #dedbcf);border-radius:6px;color:var(--ink, #282a24);background:#fff;font-size:12px}.scl-drill-audio .audio-clip{align-items:stretch;flex-direction:column;padding:10px}.scl-drill-audio .audio-clip--custom{gap:10px;padding:12px;border-radius:9px}.scl-drill-audio .audio-clip--custom .audio-clip__label{color:#535850;font-size:12px}.scl-drill-audio .audio-clip--custom .audio-clip__label svg{width:17px}.scl-drill-audio .audio-clip__custom-player{width:100%;flex-basis:auto}.scl-drill-audio .audio-clip__play{min-width:100px;min-height:50px;border-radius:25px}.scl-drill-audio .audio-clip__timeline small{font-size:10px}.scl-drill-audio .audio-clip__player{width:100%}.scl-drill-audio .audio-clip__rate{align-self:flex-end;font-size:9px}.scl-drill-audio .audio-clip__rate select{min-width:68px;min-height:44px;padding-inline:9px;font-size:12px}.scl-audio-missing,.scl-audio-none{display:flex;align-items:center;gap:6px;margin:0 13px 13px;padding:9px 10px;border-radius:6px;color:#77736a;background:#efede7;font-size:8px}.scl-audio-none{color:#637066;background:#edf1eb}.scl-audio-missing svg,.scl-audio-none svg{width:14px}.scl-practice-box{margin:0 13px 13px;padding:12px;border:1px solid #cfdacb;border-radius:8px;background:#eef3ec}.scl-practice-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin-top:10px}.scl-practice-navigation button,.scl-session-finished button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid var(--line, #dedbcf);border-radius:8px;color:#555a52;background:#fffef9;font-size:11px;font-weight:800}.scl-practice-navigation button:last-child,.scl-session-finished button:last-child{color:#fff;border-color:var(--coral-dark, #a74838);background:var(--coral-dark, #a74838)}.scl-practice-navigation button:disabled{opacity:.35;cursor:default}.scl-practice-navigation button svg,.scl-session-finished button svg{width:15px}.scl-practice-navigation>span{color:#60635c;font-size:10px;font-weight:700}.scl-session-finished{display:grid;justify-items:center;padding:28px 17px 18px;text-align:center;border:1px solid #cbd8c8;border-radius:10px;background:#eff4ed}.scl-session-finished>svg{width:38px;height:38px;color:var(--green, #637b69)}.scl-session-finished h4{margin:11px 0 5px;font:600 20px Playfair Display,Noto Sans SC,serif}.scl-session-finished p{max-width:520px;margin:0;color:#5e675f;font-size:11px;line-height:1.65}.scl-session-finished>div{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:17px}.scl-practice-box>div:first-child{display:flex;align-items:baseline;gap:7px;margin-bottom:10px}.scl-practice-box>div:first-child strong{color:#465b4b;font-size:12px}.scl-practice-box>div:first-child span{color:#626e65;font-size:11px}.scl-practice-recorder{margin-top:0}.scl-practice-recorder .recorder__capture{min-height:44px;align-items:center;flex-direction:row;justify-content:flex-start;gap:10px}.scl-practice-recorder .recorder__main-button{width:auto;height:44px;min-width:126px;padding:0 14px;border-radius:22px;box-shadow:none;gap:7px}.scl-practice-recorder .recorder__main-button svg{width:17px}.scl-practice-recorder .recorder__main-button span{font-size:12px;font-weight:700}.scl-practice-recorder .recorder__timer{margin-left:auto}.scl-practice-recorder .recorder__review{padding:9px;background:#ffffffb8}.scl-practice-recorder .recorder__audio{min-width:0}.scl-practice-recorder .recorder__actions .button{min-height:40px;padding-inline:11px;font-size:11px}.scl-module-empty{margin:0;padding:28px 15px;text-align:center;color:var(--muted, #77766d);font-size:10px}.scl-module-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line, #dedbcf);background:#f3f0e9}.scl-module-footer button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:1px solid var(--line, #dedbcf);border-radius:7px;color:#5e5f58;background:var(--paper, #fbfaf5);font-size:12px;font-weight:700}.scl-module-footer button:last-child{color:#fff;border-color:var(--coral-dark, #a74838);background:var(--coral-dark, #a74838)}.scl-module-footer button:disabled{opacity:.35;cursor:default}.scl-module-footer button svg{width:14px}.scl-module-footer>span{color:#66665f;font-size:11px}@media(min-width:560px){.scl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scl-detail__identity{align-items:center;flex-direction:row}.scl-detail__stats button{width:auto;margin:0 0 0 auto}.scl-drill-audio .audio-clip{align-items:center;flex-direction:row}.scl-drill-audio .audio-clip__rate{align-self:auto}}@media(min-width:760px){.scl-catalog__hero{min-height:315px;grid-template-columns:1fr auto;align-items:end;padding:45px 48px}.scl-catalog__hero:before{width:340px;height:340px;right:-68px;top:-170px}.scl-tools{align-items:center;flex-direction:row;justify-content:space-between;margin-top:28px}.scl-search{width:min(430px,48%)}.scl-filters{justify-content:flex-end}.scl-card__button{min-height:257px;padding:19px}.scl-detail__hero{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);padding:36px 38px 24px}.scl-detail__goal{align-self:center}.scl-detail__stats{grid-column:1 / -1}.scl-learning-layout{grid-template-columns:210px minmax(0,1fr);align-items:start}.scl-module-nav{position:sticky;top:16px;display:flex;width:auto;overflow:visible;flex-direction:column;gap:5px;padding:0}.scl-module-nav button{min-height:44px;padding:6px 8px}.scl-module-panel__header{gap:18px;padding:29px 27px 25px}.scl-module-number{min-width:58px;padding-block:12px}.scl-instructions,.scl-module-support{padding:23px 27px}.scl-instructions ol,.scl-bridge-grid,.scl-contrast-grid,.scl-check-grid,.scl-term-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scl-concept-lenses{grid-template-columns:repeat(3,minmax(0,1fr))}.scl-action-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.scl-entry-methods>div{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.scl-drills{padding:26px 22px}.scl-drill-card__text strong{font-size:22px}.scl-module-footer{padding:13px 22px}}@media(min-width:1040px){.scl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scl-learning-layout{grid-template-columns:220px minmax(0,1fr)}.scl-drills{padding:30px 27px}}@media(max-width:759px){.sound-course-library{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.scl-catalog__hero{min-height:195px;gap:18px;padding:23px 20px}.scl-catalog__hero:before{width:210px;height:210px;right:-75px;top:-110px}.scl-catalog__hero h1{max-width:310px;margin-bottom:10px;font-size:32px}.scl-catalog__hero div:first-child>p:last-child{display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.scl-catalog__count{padding:6px 11px}.scl-catalog__count strong{font-size:21px}.scl-tools{margin-top:17px}.scl-card__button{min-height:164px;padding:14px}.scl-card__button:after{width:110px;height:110px;right:-58px;top:35px}.scl-card__ipa{margin:13px 0 5px;font-size:31px}.scl-card[data-category=accent] .scl-card__ipa{font-size:25px}.scl-card__title{font-size:16px;-webkit-line-clamp:1}.scl-card__examples{margin:5px 0 10px;font-size:11px}.scl-card__footer{padding-top:9px;font-size:10px}.scl-card__identity span{font-size:10px}.scl-back{margin-bottom:8px}.scl-detail__hero{gap:15px;padding:18px;border-radius:14px}.scl-detail__identity{align-items:center;flex-direction:row;gap:13px}.scl-detail__ipa{width:62px;height:62px;box-shadow:0 0 0 6px #dda58f12;font-size:19px}.scl-detail__identity .scl-eyebrow{margin-bottom:5px;font-size:10px}.scl-detail__identity h1{margin:0;font-size:25px;line-height:1.15}.scl-detail__stats{padding-top:12px}.scl-detail__stats>span{font-size:10px}.scl-detail__stats strong{font-size:18px}.scl-module-panel__header{align-items:center;padding:17px 14px}.scl-module-panel__header h2{font-size:23px}.scl-module-panel__header div:last-child>p:last-child{font-size:12px;line-height:1.55}.scl-module-page-switch{padding:8px}.scl-instructions,.scl-module-support{padding:17px 14px}.scl-drills{padding:18px 10px}.scl-drills>header{align-items:center;margin-inline:2px}.scl-drill-card__topline>small{display:none}.scl-drill-card__topline{grid-template-columns:auto 1fr}.scl-practice-progress small{font-size:13px}.scl-practice-navigation{position:sticky;z-index:2;bottom:env(safe-area-inset-bottom);padding:7px;border:1px solid var(--line, #dedbcf);border-radius:10px;background:#fbfaf5f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scl-drill-audio .audio-clip__custom-player{gap:9px}.scl-drill-audio .audio-clip{align-items:stretch;flex-direction:column}.scl-drill-audio .audio-clip__timeline{min-width:0}.scl-drill-audio .audio-clip__rate{width:100%;justify-content:space-between;font-size:12px}.scl-drill-audio .audio-clip__rate select{min-width:96px}}@media(max-width:720px){.student-main .scl-practice-navigation{bottom:calc(64px + env(safe-area-inset-bottom))}}@media(max-width:390px){.scl-catalog__hero{min-height:190px;padding:20px 17px}.scl-catalog__hero:before{right:-92px}.scl-catalog__hero h1{font-size:29px}.scl-card__button{min-height:160px}.scl-detail__hero{padding-inline:18px}.scl-detail__stats>span{min-width:74px}.scl-module-panel__header{padding-inline:13px}.scl-module-number{min-width:44px}.scl-module-support,.scl-instructions{padding-inline:13px}.scl-drills{padding-inline:9px}}@media(prefers-reduced-motion:reduce){.scl-card__button,.scl-card__footer svg{transition:none}}.text-ipa-tool{width:min(980px,100%);margin:0 auto;--muted: #696961}.ipa-tool-heading{max-width:760px;margin-bottom:30px}.ipa-tool-heading h1{margin:7px 0 12px;font:600 clamp(32px,4.8vw,52px)/1.08 "Playfair Display","Noto Sans SC",serif}.ipa-tool-heading>p:last-child{max-width:650px;margin:0;color:var(--muted);font-size:14px;line-height:1.75}.ipa-input-card{padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 16px 42px #2c2f2912}.ipa-input-card__title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.ipa-input-card__title>span,.ipa-source-summary>div>span{display:inline-flex;flex:0 0 auto;width:42px;height:42px;align-items:center;justify-content:center;border-radius:10px;color:#77483d;background:var(--coral-pale)}.ipa-input-card__title>div{display:flex;flex-direction:column;gap:3px}.ipa-input-card__title strong{font-size:14px}.ipa-input-card__title small{color:var(--muted);font-size:11px;line-height:1.5}.ipa-input-card>label{display:block;margin-bottom:9px;color:#5f6058;font-size:11px;font-weight:700}.ipa-input-card textarea{display:block;width:100%;min-height:260px;padding:18px;resize:vertical;border:1px solid #cfcec5;border-radius:10px;outline:none;color:var(--ink);background:#fff;font:500 17px/1.75 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ipa-input-card textarea:focus{border-color:var(--coral);box-shadow:0 0 0 4px #d36c571c}.ipa-input-card textarea:disabled{cursor:progress;opacity:1;background:#f7f5ee}.ipa-input-card__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}.ipa-input-card__footer>span{color:var(--muted);font-size:11px}.ipa-input-card__footer .button{min-height:48px;padding-inline:22px}.ipa-tool-note,.ipa-privacy-note{margin:14px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.ipa-tool-note{padding:10px 12px;border-radius:7px;color:#6f5b30;background:#fdf2d3}.ipa-privacy-note{padding-top:14px;text-align:center;border-top:1px solid var(--line)}.ipa-source-summary{display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.ipa-source-summary>div,.ipa-source-summary>div>p{display:flex;align-items:center;gap:11px;margin:0}.ipa-source-summary>div>p{align-items:flex-start;flex-direction:column;gap:2px}.ipa-source-summary strong{font-size:13px}.ipa-source-summary small{color:var(--muted);font-size:11px}.ipa-source-summary>button,.ipa-line-card>header button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:0;border-radius:8px;color:#6d5148;background:#f5ebe6;font-size:11px;font-weight:700}.ipa-results{margin-top:30px}.ipa-results>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.ipa-results h2{margin:4px 0 0;outline:none;font:600 29px Playfair Display,Noto Sans SC,serif}.ipa-results h2:focus-visible{border-radius:5px;box-shadow:0 0 0 3px #d36c5733}.ipa-results__notice{margin:0 0 16px;padding:11px 13px;border-left:3px solid #b49361;color:#70644e;background:#f4efe3;font-size:12px;line-height:1.6}.ipa-line-list,.ipa-line-warnings{margin:0;padding:0;list-style:none}.ipa-line-list{display:flex;flex-direction:column;gap:12px}.ipa-line-gap{height:14px}.ipa-line-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.ipa-line-card>header{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:16px;padding:6px 16px;border-bottom:1px solid var(--line);background:#f4f1e9}.ipa-line-card>header>span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em}.ipa-line-card__status{color:#686860;font-size:11px;font-style:normal;font-weight:700}.ipa-line-card__source{margin:0;padding:20px 20px 6px;color:#64655e;font-size:15px;line-height:1.65}.ipa-line-card__ipa{margin:0;padding:4px 20px 22px;overflow-wrap:anywhere;color:#283028;font:600 clamp(24px,4vw,37px)/1.5 "Charis SIL","Doulos SIL","Noto Sans",system-ui,sans-serif;letter-spacing:.01em}.ipa-line-warnings{display:flex;flex-direction:column;gap:7px;padding:0 20px 17px}.ipa-line-warnings li{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:7px;padding:9px 10px;border-radius:7px;color:#765b34;background:#fbf0d8;font-size:11px;line-height:1.55}.ipa-line-warnings svg{margin-top:1px}.ipa-line-warning__alternatives{grid-column:2;color:#4e4332;font-size:13px;font-weight:700}.ipa-word-details{border-top:1px solid var(--line)}.ipa-word-details summary{display:flex;min-height:48px;align-items:center;padding:0 20px;cursor:pointer;color:var(--muted);font-size:11px;font-weight:700}.ipa-word-details summary:focus-visible{outline:2px solid var(--coral);outline-offset:-3px}.ipa-word-details>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:1px;padding:1px;background:var(--line)}.ipa-word-details>div>span{position:relative;display:flex;min-width:0;flex-direction:column;gap:3px;padding:12px 14px;background:#fff}.ipa-word-details strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.ipa-word-details small{overflow-wrap:anywhere;color:#526154;font-size:14px}.ipa-word-details i{position:absolute;top:9px;right:9px;color:#8b672d;font-size:8px;font-style:normal}@media(max-width:720px){.ipa-tool-heading{margin-bottom:22px}.ipa-tool-heading h1{font-size:34px}.ipa-input-card{padding:18px 14px;border-radius:12px}.ipa-input-card textarea{min-height:240px;padding:15px;font-size:16px}.ipa-input-card__footer{align-items:stretch;flex-direction:column-reverse;gap:9px}.ipa-input-card__footer .button{width:100%}.ipa-source-summary{align-items:stretch;flex-direction:column}.ipa-source-summary>button{width:100%}.ipa-results>header{align-items:stretch;flex-direction:column}.ipa-results>header .button{width:100%;min-height:46px}.ipa-line-card__source{padding:17px 15px 5px;font-size:14px}.ipa-line-card__ipa{padding:4px 15px 18px;font-size:25px}.ipa-line-warnings{padding:0 15px 14px}}:root{font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;color:#272821;background:#f5f2e9;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #282a24;--muted: #77766d;--paper: #fbfaf5;--cream: #f5f2e9;--line: #dedbcf;--coral: #d36c57;--coral-dark: #a74838;--coral-pale: #f5dcd3;--green: #637b69;--green-pale: #dce6dc;--blue: #607b87;--gold: #b88944;--shadow: 0 20px 60px rgba(48, 44, 33, .09)}*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--coral);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.muted{color:var(--muted)}.eyebrow{margin:0 0 8px;color:var(--coral-dark);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;letter-spacing:.08em}.brand-mark{position:relative;display:inline-flex;width:27px;height:27px;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;width:2px;border-radius:2px;background:currentColor}.brand-mark:before{height:9px;transform:translate(-5px)}.brand-mark span{height:17px}.brand-mark:after{height:12px;transform:translate(5px)}.brand--button{border:0;background:transparent}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 17px;border:1px solid transparent;border-radius:7px;background:transparent;font-size:13px;font-weight:700;transition:.18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.46}.button--primary{color:#fff;background:var(--coral);box-shadow:0 7px 20px #b84e392e}.button--primary:hover:not(:disabled){background:var(--coral-dark)}.button--ink{color:#fff;background:var(--ink)}.button--outline{border-color:var(--line);background:var(--paper)}.button--outline:hover{border-color:#b9b6a9}.button--quiet{border-color:var(--line);background:#f5f2ea}.button--danger{color:#9e4033;border-color:#e6c4ba;background:#fff7f4}.button--ghost{border-color:transparent}.button--full{width:100%}.button--small{min-height:34px;padding-inline:12px}.button--large{min-height:50px;padding-inline:24px;font-size:14px}.icon-button{display:inline-flex;min-width:38px;min-height:38px;padding:0 8px;align-items:center;justify-content:center;gap:5px;border:0;border-radius:8px;background:transparent}.connection-banner{position:fixed;z-index:100;top:0;right:0;left:0;display:flex;min-height:36px;align-items:center;justify-content:center;gap:8px;padding:8px 16px;color:#675c3a;background:#fae8af;border-bottom:1px solid #dfc66f;font-size:12px}.connection-banner~.student-topbar,.connection-banner~.teacher-rail,.connection-banner~.teacher-workspace{margin-top:36px}.connection-banner~.student-main .practice-studio,.connection-banner~.teacher-workspace .practice-studio{padding-top:36px}.recovery-tray{position:fixed;z-index:90;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:min(390px,calc(100vw - 36px));overflow:hidden;border:1px solid #d7c397;border-radius:10px;background:#fffbec;box-shadow:0 16px 42px #3731222e}.recovery-tray>div:first-child{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;color:#5e5236}.recovery-tray>div:first-child>span{display:flex;flex-direction:column;gap:3px}.recovery-tray strong{font-size:11px}.recovery-tray small{color:#7c725b;font-size:9px;line-height:1.45}.recovery-tray__item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:9px 14px;border-top:1px solid #eadcb9;font-size:10px}.recovery-tray__item button{min-height:34px;padding:0 9px;border:1px solid #d7c397;border-radius:6px;color:#6d5734;background:#fff;font-size:9px;font-weight:700}.recovery-tray__item button:first-of-type{color:#fff;border-color:var(--coral);background:var(--coral)}.recovery-tray .form-error{margin:0;padding:8px 14px;border-top:1px solid #eadcb9}.sync-status{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--muted);font-size:11px}.sync-status span{width:7px;height:7px;border-radius:50%;background:#78a47e}.sync-status.offline span{background:#bd8f41}.login-shell{display:grid;min-height:100vh;grid-template-columns:minmax(420px,1.03fr) minmax(450px,.97fr);background:var(--paper)}.login-story{position:relative;display:flex;min-height:100vh;overflow:hidden;flex-direction:column;justify-content:space-between;padding:48px clamp(44px,7vw,110px) 54px;color:#f8f5ec;background:#2d332d}.login-story:before{content:"";position:absolute;width:70vw;height:70vw;right:-40vw;bottom:-34vw;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 90px #ffffff06,0 0 0 180px #ffffff05}.login-story:after{content:"/eɪ/";position:absolute;right:-10px;top:17%;color:#ffffff09;font:600 clamp(170px,22vw,340px)/1 "Playfair Display",serif}.login-story>*{position:relative;z-index:1}.login-story__copy{max-width:650px}.login-story__copy .eyebrow{color:#d9a28f}.login-story__copy h1{margin-bottom:26px;font:600 clamp(40px,4.6vw,68px)/1.15 "Playfair Display","Noto Sans SC",serif;letter-spacing:-.045em}.login-story__copy p:last-child{max-width:510px;color:#b9beb6;font-size:17px;line-height:1.8}.login-sound{position:relative;display:flex;width:fit-content;min-width:390px;align-items:center;gap:22px;padding:17px 28px 17px 18px;border:1px solid rgba(255,255,255,.14);border-radius:60px;background:#ffffff0e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-sound__symbol{display:flex;width:66px;height:66px;align-items:center;justify-content:center;border-radius:50%;color:#442b22;background:#e3a48f;font:600 22px Playfair Display,serif}.login-sound div:nth-child(2){display:flex;flex-direction:column;gap:4px}.login-sound strong{font-size:13px}.login-sound span{color:#9ea69d;font-size:12px}.login-sound .orbit{position:absolute;width:85px;height:85px;left:8px;border:1px solid rgba(224,164,143,.35);border-radius:50%}.login-panel{display:flex;align-items:center;justify-content:center;padding:42px;background:var(--paper)}.login-card{width:min(420px,100%)}.brand--mobile{display:none;margin-bottom:64px}.login-card h2{margin-bottom:10px;font:600 38px Playfair Display,Noto Sans SC,serif}.login-card>.muted{margin-bottom:32px;font-size:14px}.role-picker{display:grid;margin:0 0 24px;padding:0;border:0;gap:10px}.role-picker legend{margin-bottom:9px;font-size:12px;font-weight:700}.role-picker button{display:grid;grid-template-columns:45px 1fr 18px;align-items:center;gap:12px;padding:13px;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff}.role-picker button.selected{border-color:var(--coral);background:#fdf7f4;box-shadow:0 0 0 1px var(--coral)}.role-picker button>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.role-picker strong{font-size:14px}.role-picker small{color:var(--muted);font-size:11px}.radio-dot{width:16px;height:16px;border:1px solid #aaa89f;border-radius:50%}.selected .radio-dot{border:5px solid var(--coral)}.field-label{display:flex;flex-direction:column;gap:8px;color:#5f6058;font-size:11px;font-weight:700}.field-label input,.field-label textarea,.field-label select{width:100%;border:1px solid var(--line);border-radius:7px;outline:none;background:#fff;color:var(--ink);font-size:13px;font-weight:500}.field-label input,.field-label select{height:43px;padding:0 12px}.field-label textarea{min-height:86px;padding:12px;resize:vertical;line-height:1.6}.field-label input:focus,.field-label textarea:focus,.field-label select:focus{border-color:var(--coral);box-shadow:0 0 0 3px #d36c571c}.login-card form>.field-label{margin-bottom:22px}.privacy-note{margin-top:18px;color:#9a988f;text-align:center;font-size:11px}.form-error{display:flex;align-items:center;gap:6px;margin:10px 0;color:#9e4033;font-size:10px;line-height:1.5}.form-error--banner{padding:10px 13px;border:1px solid #e4b5a9;border-radius:7px;background:#fae9e4}.inline-error{display:flex;align-items:center;gap:7px;margin:13px 0;padding:10px 12px;border:1px solid #e2c383;border-radius:7px;color:#6f5b30;background:#fdf2d3;font-size:9px}.inline-error button{display:flex;margin-left:auto;padding:0;border:0;background:transparent}.app-loading{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;gap:17px;background:var(--paper);color:var(--muted)}.app-loading>svg{color:var(--coral)}.app-loading p{max-width:420px;margin:0;text-align:center;font-size:12px}.app-loading h1{margin:0;color:var(--ink);font:600 27px Playfair Display,Noto Sans SC,serif}.app-loading>div:last-child{display:flex;gap:8px}.avatar{display:inline-flex;flex:0 0 auto;width:43px;height:43px;align-items:center;justify-content:center;border-radius:50%;font:600 17px Playfair Display,serif}.avatar--small{width:31px;height:31px;font-size:13px}.avatar--student{color:#47584b;background:#dce5da}.avatar--teacher{color:#784237;background:#f0d5cb}.student-app{min-height:100vh;background:var(--cream)}.student-topbar{position:sticky;z-index:30;top:0;display:grid;height:66px;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,4vw,64px);border-bottom:1px solid var(--line);background:#fbfaf5f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.student-topnav{display:flex;align-self:stretch;gap:24px}.student-topnav button{position:relative;border:0;background:transparent;color:#74736c;font-size:13px;font-weight:600}.student-topnav button.active{color:var(--ink)}.student-topnav button:disabled{cursor:not-allowed;opacity:.38}.student-topnav button.active:after{content:"";position:absolute;right:3px;bottom:-1px;left:3px;height:2px;background:var(--coral)}.topbar-actions{position:relative;display:flex;align-items:center;justify-content:flex-end}.account-popover{position:absolute;z-index:20;top:50px;right:0;display:flex;width:170px;flex-direction:column;padding:14px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:var(--shadow);font-size:12px}.account-popover span{color:var(--muted);font-size:10px}.account-popover button{display:flex;gap:7px;margin-top:10px;padding:9px 0 0;border:0;border-top:1px solid var(--line);background:transparent}.student-main{width:min(1180px,calc(100% - 44px));margin:0 auto;padding:50px 0 100px}.mobile-tabs{display:none}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}.page-heading h1{max-width:780px;margin-bottom:10px;font:600 clamp(31px,4vw,49px)/1.1 "Playfair Display","Noto Sans SC",serif}.page-heading__description{max-width:680px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.page-heading__action{flex-shrink:0}.today-page{max-width:1100px;margin:0 auto}.today-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:34px}.today-intro h1{margin-bottom:7px;font:600 clamp(32px,4vw,48px)/1.1 "Playfair Display","Noto Sans SC",serif}.today-intro p:last-child{margin:0;color:var(--muted);font-size:14px}.session-chip{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #d9d7cc;border-radius:30px;background:#f8f6ef;color:#62635b;font-size:11px}.pulse-dot{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#7b9b7c;box-shadow:0 0 0 4px #7b9b7c26;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px #7b9b7c00}}.focus-card{position:relative;display:grid;overflow:hidden;grid-template-columns:1fr 185px;border-radius:17px;color:#f9f5ec;background:#30372f;box-shadow:var(--shadow)}.focus-card:after{content:"";position:absolute;width:470px;height:470px;right:-260px;top:-270px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 65px #ffffff05,0 0 0 130px #ffffff03}.focus-card__content{position:relative;z-index:1;padding:35px 40px 38px}.focus-card__meta{display:flex;justify-content:space-between;color:#abb2a9;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.focus-card__title-row{display:flex;align-items:center;gap:24px;margin:25px 0 27px}.sound-orb{display:flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%;color:#392d27;background:#dda58f;font:600 26px Playfair Display,serif}.sound-orb--large{width:88px;height:88px;box-shadow:0 0 0 9px #dda58f14}.focus-card .kicker{margin-bottom:6px;color:#dba08b;font-size:11px;font-weight:700}.focus-card h2{margin-bottom:7px;font:600 clamp(25px,3vw,36px) "Playfair Display","Noto Sans SC",serif}.focus-card__title-row p:last-child{margin:0;color:#adb4ac;font-size:12px}.practice-route{display:flex;align-items:center;margin-bottom:28px}.practice-route>div{display:grid;grid-template-columns:27px 1fr;align-items:center;column-gap:7px}.practice-route>div>span{display:flex;width:27px;height:27px;grid-row:span 2;align-items:center;justify-content:center;border:1px solid #657065;border-radius:50%;color:#d1d6d0;font-size:9px}.practice-route strong{font-size:11px}.practice-route small{color:#878f87;font-size:9px}.practice-route>i{width:clamp(20px,5vw,70px);height:1px;margin:0 13px;background:#586158}.focus-card__aside{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,.1);background:#ffffff06}.focus-card__aside>span{color:#959d94;font-size:10px}.focus-card__aside>strong{margin:3px 0 9px;font:600 27px Playfair Display,serif}.focus-card__aside>strong small{color:#8b938b;font-size:13px}.radial-progress{display:flex;width:65px;height:65px;align-items:center;justify-content:center;margin:4px 0 9px;border-radius:50%;background:conic-gradient(#d99d87 var(--progress),#475047 0)}.radial-progress:before{content:"";position:absolute;width:55px;height:55px;border-radius:50%;background:#353c34}.radial-progress span{position:relative;font-size:11px}.focus-card__aside button{border:0;background:transparent;color:#a8aea7;font-size:9px;text-decoration:underline}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:46px 0 18px}.section-title h2{margin:0;font:600 24px Playfair Display,Noto Sans SC,serif}.section-title>span{color:var(--muted);font-size:11px}.assignment-list{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.assignment{display:grid;min-height:122px;grid-template-columns:42px 1fr auto;align-items:center;gap:18px;padding:22px 25px;border-bottom:1px solid var(--line)}.assignment:last-child{border-bottom:0}.assignment--due{background:#fffaf7}.assignment--marked{background:#f9ede8}.assignment__index{align-self:start;color:#b9b7ae;font:italic 600 14px Playfair Display,serif}.assignment__body h3{margin:7px 0 5px;font-size:16px}.assignment__body>p{margin:0;color:var(--muted);font-size:12px}.assignment__meta{display:flex;gap:18px;margin-top:12px;color:#7f7f77;font-size:10px}.assignment__meta span{display:flex;align-items:center;gap:5px}.status-label{display:inline-flex;width:fit-content;align-items:center;padding:4px 7px;border-radius:4px;color:#a44938;background:#f6ddd5;font-size:9px;font-style:normal;font-weight:700;letter-spacing:.04em}.status-label--soft{color:#667a68;background:#e0e8de}.status-label--quiet{color:#6c6b64;background:#eceae2}.round-arrow{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:transparent}.round-arrow svg{width:17px}.text-action{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--coral-dark);font-size:11px}.practice-studio{position:fixed;z-index:80;inset:0;overflow-y:auto;background:#f4f1e8}.studio-header{display:grid;min-height:78px;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 35px;border-bottom:1px solid var(--line);background:var(--paper)}.studio-header>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.back-button{display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;font-size:12px;font-weight:700}.studio-step{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.phase-track{display:flex;align-items:center;gap:8px}.phase-track span{display:flex;width:23px;height:23px;align-items:center;justify-content:center;border:1px solid #d3d0c6;border-radius:50%;color:#aaa89f;font-size:9px}.phase-track span:after{content:"";width:18px;height:1px;margin-left:31px;background:#d8d5ca;position:absolute}.phase-track span:last-child:after{display:none}.phase-track span.active{border-color:var(--coral);color:#fff;background:var(--coral)}.phase-track span.done{border-color:#829486;color:#fff;background:#829486}.studio-phase-name{justify-self:end;font:600 16px Playfair Display,Noto Sans SC,serif}.practice-card{display:grid;width:min(900px,calc(100% - 44px));min-height:530px;grid-template-columns:110px 1fr;margin:40px auto 110px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow)}.practice-card__rail{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:#30372f}.practice-card__rail:before{content:"";position:absolute;width:110px;height:110px;top:48px;left:-56px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.vertical-label{position:absolute;top:30px;font-size:8px;letter-spacing:.18em;writing-mode:vertical-rl}.practice-card__rail strong{font:600 28px Playfair Display,serif}.practice-card__rail small{margin-top:8px;color:#a5ada4;font-size:9px}.practice-card__main{padding:27px 36px 34px}.practice-card__top{display:flex;align-items:center;justify-content:space-between}.difficult-button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#99978f;font-size:10px}.difficult-button.active{color:var(--coral-dark)}.phase-content{padding:52px 18px 20px}.phase-content--center{display:flex;flex-direction:column;align-items:center;text-align:center}.phase-prompt{margin-bottom:28px;color:#6f7068;font-size:13px}.hero-word{font:600 clamp(52px,8vw,76px)/1 "Playfair Display",serif;letter-spacing:-.04em}.hero-word--with-ipa{display:flex;flex-direction:column;gap:13px}.hero-word--with-ipa small{color:var(--coral-dark);font-size:19px}.translation{margin:12px 0 31px;color:#98968e;font-size:11px}.prediction-options{display:grid;width:min(510px,100%);grid-template-columns:repeat(3,1fr);gap:10px}.prediction-options button{display:flex;min-height:82px;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#fff;font:600 21px Playfair Display,serif}.prediction-options button span{margin-top:7px;color:#929087;font:400 9px DM Sans,sans-serif}.prediction-options button.selected{border-color:var(--coral);color:var(--coral-dark);background:#fff8f5;box-shadow:0 0 0 1px var(--coral)}.record-control{display:flex;flex-direction:column;align-items:center;margin-top:35px}.record-button{border:0;background:transparent}.record-button>span{display:flex;width:75px;height:75px;align-items:center;justify-content:center;margin:0 auto 10px;border:1px solid #e3c2b7;border-radius:50%;color:#fff;background:var(--coral);box-shadow:0 0 0 8px #f8e8e1}.record-button.recording>span{animation:recordPulse 1.1s infinite}@keyframes recordPulse{50%{box-shadow:0 0 0 15px #d36c5717}}.record-button strong{font-size:11px}.stop-square{width:20px;height:20px;border-radius:3px;background:#fff}.record-control>p{display:flex;align-items:center;gap:5px;margin:10px 0 0;color:var(--green);font-size:10px}.mic-fallback{display:flex;max-width:520px;align-items:flex-start;gap:11px;margin:20px auto 0;padding:13px;text-align:left;border:1px solid #e5c790;border-radius:8px;color:#68572f;background:#fdf1cf}.mic-fallback strong{font-size:11px}.mic-fallback p{margin:3px 0 0;font-size:10px;line-height:1.5}.mic-fallback>button{margin-left:auto;border:0;background:transparent}.reveal-word{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-radius:10px;background:#f1eee5}.reveal-word>div{display:flex;flex-direction:column}.reveal-word span{font:600 38px Playfair Display,serif}.reveal-word strong{margin-top:4px;color:var(--coral-dark);font:500 14px Playfair Display,serif}.audio-button{display:flex;min-height:38px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:30px;background:#fff;font-size:10px;font-weight:700}.audio-button.is-playing{color:var(--coral-dark);border-color:#deb1a4}.audio-button--compact{min-height:31px;padding:0 10px}.tts-button{display:flex;align-items:center;gap:8px;padding:9px 12px;text-align:left;border:1px solid var(--line);border-radius:7px;background:#fff}.tts-button>span{display:flex!important;flex-direction:column}.tts-button strong{color:var(--ink)!important;font:700 9px DM Sans,sans-serif!important}.tts-button small{color:var(--muted);font-size:7px}.mini-wave{display:flex;height:15px;align-items:center;gap:2px}.mini-wave i{width:2px;height:30%;background:currentColor}.mini-wave i:nth-child(2),.mini-wave i:nth-child(5){height:80%}.mini-wave i:nth-child(3){height:100%}.mini-wave i:nth-child(4){height:55%}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.model-grid>div{display:grid;grid-template-columns:1fr auto;align-items:center;padding:14px;border:1px solid var(--line);border-radius:8px}.model-grid>div>span{grid-column:1/-1;color:var(--muted);font-size:9px}.fake-wave{display:flex;height:35px;align-items:center;gap:3px}.fake-wave i{width:3px;height:30%;border-radius:3px;background:#9fa79e}.fake-wave i:nth-child(2n){height:70%}.fake-wave i:nth-child(3n){height:95%}.fake-wave--slow i:nth-child(2n){height:45%}.movement-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px}.movement-diagram>div{display:flex;min-height:170px;flex-direction:column;align-items:center;justify-content:center;padding:14px;text-align:center;border:1px solid var(--line);border-radius:9px;background:#fff}.movement-diagram>div>span{display:flex;width:27px;height:27px;align-items:center;justify-content:center;margin-bottom:12px;border-radius:50%;color:var(--coral-dark);background:var(--coral-pale);font-size:10px}.movement-diagram strong{font-size:12px}.movement-diagram small{margin-top:8px;color:var(--muted);font-size:9px;line-height:1.5}.movement-diagram>svg{width:15px;color:#aaa79f}.coach-note{display:flex;align-items:flex-start;gap:11px;margin-top:15px;padding:14px 17px;border-left:3px solid var(--coral);background:#f5ebe6}.note-avatar{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--coral);font:600 12px Playfair Display,serif}.coach-note strong{font-size:10px}.coach-note p{margin:4px 0 0;color:#67675f;font-size:11px;line-height:1.6}.ab-compare{overflow:hidden;border:1px solid var(--line);border-radius:9px}.ab-compare>div{display:grid;grid-template-columns:35px 1fr auto auto;align-items:center;gap:12px;min-height:61px;padding:10px 14px;border-bottom:1px solid var(--line)}.ab-compare>div:last-child{border-bottom:0}.ab-compare>div.best{background:#f3f5ed}.ab-label{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#7b877c;font-size:10px}.ab-compare>div:nth-child(n+2) .ab-label{background:var(--coral)}.ab-compare>div>div{display:flex;flex-direction:column}.ab-compare strong{font-size:11px}.ab-compare small{color:var(--muted);font-size:9px}.best-button{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#9c7a42;font-size:9px}.best-button--standalone{margin:12px 0 0 auto}.self-reflection{display:flex;align-items:center;gap:8px;margin-top:18px}.self-reflection>span{margin-right:auto;color:var(--muted);font-size:11px}.self-reflection button{padding:7px 13px;border:1px solid var(--line);border-radius:20px;background:#fff;font-size:9px}.self-reflection button.selected{color:#fff;border-color:var(--green);background:var(--green)}.new-badge{display:flex;align-items:center;gap:4px;margin-bottom:16px;color:var(--coral-dark);font-size:9px;font-weight:700}.studio-footer{position:fixed;z-index:5;right:0;bottom:0;left:0;display:flex;min-height:74px;align-items:center;justify-content:space-between;padding:10px 35px;border-top:1px solid var(--line);background:#fbfaf5f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.studio-footer>span{color:var(--muted);font-size:9px}.recorder{margin-top:18px}.recorder__notice{margin:0;padding:12px;border:1px solid #e4c98d;border-radius:7px;color:#685a35;background:#fbefcf;font-size:9px;line-height:1.5}.recorder__capture{display:flex;flex-direction:column;align-items:center;gap:9px}.recorder__main-button{display:flex;width:76px;height:76px;align-items:center;justify-content:center;border:1px solid #e6b5a7;border-radius:50%;color:#fff;background:var(--coral);box-shadow:0 0 0 8px #f6e3dc}.recorder__main-button svg{width:24px}.recorder__main-button.is-recording{background:#ad4134;animation:recordPulse 1.1s infinite}.recorder__timer{font:600 11px ui-monospace,monospace}.recorder__recording-label{color:var(--coral-dark);font-size:8px}.recorder__review{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f7f5ee}.recorder__audio{width:100%;min-width:180px;height:36px}.recorder__duration{color:var(--muted);font-size:8px}.recorder__actions{display:flex;grid-column:1/-1;justify-content:flex-end;gap:7px}.recorder__actions .button svg{width:14px}.recorder__error,.recorder__save-status{margin:8px 0 0;font-size:8px}.recorder__error{color:var(--coral-dark)}.recorder__save-status{color:var(--green)}.practice-recorder{display:flex;width:min(530px,100%);flex-direction:column;align-items:center;margin-inline:auto}.practice-recorder .recorder__review{width:100%}.audio-clip{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--line);border-radius:7px;background:#f8f6ef}.audio-clip__label{display:flex;flex:0 0 auto;align-items:center;gap:6px;color:var(--muted);font-size:8px;font-weight:700}.audio-clip__label svg{width:15px}.audio-clip__loading,.audio-clip__error{display:flex;align-items:center;gap:5px;margin:0;color:var(--muted);font-size:8px}.audio-clip__player{width:min(330px,100%);height:32px}.audio-clip__player{min-width:0;flex:1 1 auto}.audio-clip__media{display:none}.audio-clip__custom-player{display:flex;min-width:0;flex:1 1 260px;align-items:center;gap:10px}.audio-clip__play{display:inline-flex;min-width:92px;min-height:48px;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:0;border-radius:24px;color:#fff;background:var(--ink);font-size:12px;font-weight:800}.audio-clip__play.is-playing{background:var(--coral-dark)}.audio-clip__play svg{width:18px;height:18px}.audio-clip__timeline{display:grid;min-width:90px;flex:1 1 auto;gap:3px}.audio-clip__timeline input{width:100%;min-height:44px;margin:0;accent-color:var(--coral-dark)}.audio-clip__timeline input:disabled{opacity:.4}.audio-clip__timeline small{color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.audio-clip__rate,.waveform-compare__rate{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:7px}.audio-clip__rate select,.waveform-compare__rate select{height:28px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:8px}.audio-clip--missing{color:var(--muted);font-size:8px}.review-audio{margin:0 25px 16px}.waveform-compare{overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#f8f6ef}.waveform-compare__header{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--line)}.waveform-compare__header strong{font-size:9px}.waveform-compare__rows{display:flex;flex-direction:column}.waveform-compare__row{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.waveform-compare__row:last-child{border-bottom:0}.waveform-compare__play{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:0;border-radius:50%;color:#fff;background:#727f73}.waveform-compare__play.is-active{background:var(--coral)}.waveform-compare__play svg{width:14px}.waveform-compare__wave{min-width:0}.waveform-compare__loading,.waveform-compare__error,.waveform-compare__hint,.waveform-compare--missing{margin:0;padding:10px 12px;color:var(--muted);font-size:8px}.waveform-compare__error{color:var(--coral-dark)}.waveform-compare__hint{border-top:1px solid var(--line);background:#efede5}.rail-error{color:#e2a18e;font-size:8px;line-height:1.5}.sound-layout{display:grid;grid-template-columns:1fr 320px;align-items:start;gap:28px}.filter-row{display:flex;flex-wrap:wrap;gap:6px}.filter-row button{min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:20px;background:transparent;color:#77766e;font-size:10px;font-weight:600}.filter-row button.active{color:#fff;border-color:var(--ink);background:var(--ink)}.filter-row button i{display:inline-flex;min-width:16px;height:16px;align-items:center;justify-content:center;margin-left:5px;border-radius:10px;color:var(--coral-dark);background:var(--coral-pale);font-size:8px;font-style:normal}.sound-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.sound-tile{position:relative;min-height:210px;padding:17px;overflow:hidden;text-align:left;border:1px solid rgba(45,44,39,.08);border-radius:11px;background:#e7ddd2}.sound-tile:after{content:"";position:absolute;width:100px;height:100px;right:-40px;bottom:-40px;border:1px solid rgba(0,0,0,.07);border-radius:50%}.sound-tile.selected{box-shadow:0 0 0 2px var(--ink)}.sound-tile--sun{background:#ead4c0!important}.sound-tile--rose{background:#ead3d1!important}.sound-tile--blue{background:#d6e1e3!important}.sound-tile--sage{background:#d9e0d5!important}.sound-tile--lilac{background:#dfd9e4!important}.sound-tile--sand{background:#e7dfcc!important}.sound-tile__top{display:flex;align-items:center;justify-content:space-between}.sound-tile__top>span{color:#6f6c63;font-size:8px;font-weight:700;letter-spacing:.09em}.sound-tile>strong{display:block;margin:28px 0 5px;font:600 34px Playfair Display,serif}.sound-tile h3{margin-bottom:7px;font-size:13px}.sound-tile p{color:#737067;font-size:9px}.sound-tile>div:last-child{position:absolute;bottom:16px;display:flex;align-items:center;gap:5px;color:#77746b;font-size:8px}.stage-pill{display:inline-flex;width:fit-content;align-items:center;padding:4px 7px;border-radius:20px;color:#616d62;background:#ffffff8a;font-size:8px;font-weight:700;white-space:nowrap}.stage-pill--not_started{color:#7a7871}.stage-pill--untrained_words,.stage-pill--connected_speech,.stage-pill--singing{color:#8b493b}.sound-detail{position:sticky;top:90px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 10px 35px #2f2b210f}.sound-detail__hero{padding:24px}.sound-detail__hero>span{font-size:9px;font-weight:700;letter-spacing:.1em}.sound-detail__hero>strong{display:block;margin:20px 0 4px;font:600 49px Playfair Display,serif}.sound-detail__hero h2{margin:0;font-size:16px}.sound-detail__body{padding:22px}.detail-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700}.context-progress{margin:18px 0}.context-progress>div{display:flex;align-items:center;gap:10px}.context-progress>div:not(:last-child):after{content:"";position:absolute;width:1px;height:22px;margin:42px 0 0 10px;background:#d4d2c9}.context-progress>div>span{display:flex;width:21px;height:21px;align-items:center;justify-content:center;border:1px solid #c9c7bd;border-radius:50%}.context-progress>div>span.filled{color:#fff;border-color:var(--green);background:var(--green)}.context-progress p{display:flex;flex-direction:column;margin:7px 0}.context-progress strong{font-size:10px}.context-progress small{color:var(--muted);font-size:8px}.sound-detail hr,.review-workbench hr{margin:18px 0;border:0;border-top:1px solid var(--line)}.detail-subtitle{font-size:10px}.detail-note{margin:8px 0 18px;color:#6e6d64;font-size:10px;line-height:1.7}.song-feature{display:grid;grid-template-columns:300px 1fr;min-height:360px;overflow:hidden;border-radius:14px;color:#fff;background:#31382f}.album-art{position:relative;display:flex;overflow:hidden;align-items:center;justify-content:center;background:#bd725d}.album-art:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 40px #ffffff09,0 0 0 80px #ffffff06}.album-art span{position:relative;z-index:1;color:#ffffffdb;font:italic 600 68px Playfair Display,serif}.album-art i{position:absolute;width:1px;height:70%;background:#ffffff24;transform:rotate(35deg)}.album-art i:last-child{transform:rotate(-42deg)}.song-feature__copy{padding:39px 48px}.song-feature__copy h2{margin:17px 0 3px;font:600 32px Playfair Display,serif}.song-feature__copy>p{color:#9da59b;font-size:11px}.lyric-line{margin:25px 0 20px;padding-left:16px;border-left:2px solid #d69a85;color:#d8dcd6;font:italic 600 17px/1.8 Playfair Display,serif}.lyric-line em{color:#e8a991}.song-focuses{display:flex;gap:7px;margin-bottom:25px}.song-focuses span{padding:5px 8px;border:1px solid #596158;border-radius:20px;color:#b9c0b7;font-size:9px}.song-feature .button--ink{border:1px solid #6d756d;background:transparent}.song-list{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.song-list>button{display:grid;width:100%;min-height:74px;grid-template-columns:43px minmax(190px,1.5fr) minmax(180px,1fr) 120px 20px;align-items:center;gap:15px;padding:11px 16px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent}.song-list>button:last-child{border-bottom:0}.song-list>button.selected{background:#f7eee9}.song-thumb{display:flex;width:43px;height:43px;align-items:center;justify-content:center;border-radius:6px;color:#fffc}.song-thumb svg{width:18px}.song-thumb--coral{background:#bd725d}.song-thumb--gold{background:#c19858}.song-thumb--blue{background:#6d8792}.song-list button>span:nth-child(2){display:flex;flex-direction:column}.song-list strong{font-size:12px}.song-list small{color:var(--muted);font-size:9px}.song-focus,.song-status{color:#77766d;font-size:10px}.feedback-page{max-width:880px;margin:0 auto}.feedback-page>.filter-row{margin-bottom:24px}.feedback-item{display:grid;grid-template-columns:65px 1fr;gap:12px}.feedback-date{display:flex;flex-direction:column;align-items:flex-end;color:var(--muted);font-size:9px}.feedback-date i{width:8px;height:8px;margin:12px -4px 0 0;border:2px solid var(--cream);border-radius:50%;background:var(--coral);box-shadow:0 0 0 1px #c9c6bc}.feedback-card{margin-bottom:22px;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.feedback-card>header{display:flex;align-items:center;justify-content:space-between;padding:19px 22px}.feedback-card header>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:8px}.feedback-card h2{margin:0;font:600 24px Playfair Display,serif}.feedback-card header p{grid-column:2;margin:1px 0 0;color:var(--muted);font-size:9px}.ipa-mini{color:var(--coral-dark);font:500 12px Playfair Display,serif}.new-dot{display:flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--coral);font-size:8px}.compare-strip{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);background:#f1eee5}.feedback-audio-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 20px;border-block:1px solid var(--line);background:#f1eee5}.compare-strip>div{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:13px 18px}.compare-strip>div:first-child{border-right:1px solid var(--line)}.compare-strip>div>span{display:flex;width:23px;height:23px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#7b897c;font-size:8px}.compare-strip>div:nth-child(2)>span{background:var(--coral)}.compare-strip strong{grid-column:2;font-size:9px}.compare-strip .fake-wave{grid-row:2;grid-column:2;height:16px}.compare-strip .fake-wave i{width:2px}.compare-strip .audio-button{grid-row:1/3;grid-column:3}.teacher-message{display:flex;align-items:flex-start;gap:11px;padding:20px 22px}.teacher-message strong{font-size:10px}.teacher-message p{margin:5px 0 11px;color:#5f6059;font-size:11px;line-height:1.65}.tag-list{display:flex;flex-wrap:wrap;gap:5px}.tag-list span{padding:4px 7px;border-radius:3px;color:#8c4d3f;background:#f3dfd8;font-size:8px}.feedback-card>footer{display:flex;align-items:center;justify-content:space-between;padding:11px 22px;border-top:1px solid var(--line);background:#faf8f2;color:var(--muted);font-size:9px}.feedback-card>footer span,.feedback-card>footer button{display:flex;align-items:center;gap:6px}.feedback-card>footer button{border:0;background:transparent;color:var(--coral-dark);font-weight:700}.empty-state{display:flex;min-height:230px;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;color:var(--muted)}.empty-state__icon{display:flex;width:46px;height:46px;align-items:center;justify-content:center;margin-bottom:14px;border-radius:50%;background:#ebe8df}.empty-state h3{margin-bottom:6px;color:var(--ink);font-size:14px}.empty-state p{max-width:320px;font-size:10px}.teacher-app{min-height:100vh;background:#f2f0e9}.teacher-rail{position:fixed;z-index:50;top:0;bottom:0;left:0;display:flex;width:228px;flex-direction:column;color:#eff1eb;background:#2e352f}.brand--rail{height:78px;padding:0 23px;border-bottom:1px solid rgba(255,255,255,.09);font-size:18px}.brand--rail>span:last-of-type{display:flex;flex-direction:column}.brand--rail small{color:#899089;font-size:7px;letter-spacing:.18em}.rail-close{display:none;margin-left:auto;color:#fff}.teacher-rail nav{display:flex;flex-direction:column;gap:4px;padding:22px 12px}.teacher-rail nav button,.rail-bottom button{position:relative;display:flex;width:100%;min-height:50px;align-items:center;gap:12px;padding:8px 12px;text-align:left;border:0;border-radius:7px;color:#aab0aa;background:transparent}.teacher-rail nav button.active{color:#fff;background:#ffffff14}.teacher-rail nav button.active:before{content:"";position:absolute;width:3px;top:12px;bottom:12px;left:-12px;background:#da8d77}.teacher-rail nav button>span,.rail-bottom button>span{display:flex;flex:1;flex-direction:column}.teacher-rail nav strong,.rail-bottom strong{font-size:11px}.teacher-rail nav small,.rail-bottom small{color:#757d76;font-size:8px}.teacher-rail nav i{display:flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--coral);font-size:8px;font-style:normal}.rail-bottom{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.09)}.rail-bottom button:last-child{margin-top:4px;background:#ffffff0a}.teacher-workspace{min-height:100vh;margin-left:228px}.teacher-mobile-bar{display:none}.teacher-page{width:min(1320px,calc(100% - 70px));margin:0 auto;padding:36px 0 70px}.teacher-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:27px}.teacher-page-header h1{margin-bottom:6px;font:600 35px Playfair Display,serif}.teacher-page-header>div:first-child>p:last-child{margin-bottom:0;color:var(--muted);font-size:11px}.teacher-page-header>div:last-child{display:flex;gap:8px}.student-summary-card{display:grid;min-height:104px;grid-template-columns:minmax(260px,1.4fr) repeat(3,.55fr) minmax(260px,1.2fr);align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.student-summary-card>div{height:62%;padding:0 20px;border-right:1px solid var(--line)}.student-summary-card>div:last-child{border-right:0}.student-identity{display:flex;align-items:center;gap:12px}.student-identity>div{display:flex;flex-direction:column}.student-identity span{color:var(--muted);font-size:7px;letter-spacing:.12em}.student-identity h2{margin:2px 0 1px;font:600 18px Playfair Display,Noto Sans SC,serif}.student-identity p{margin:0;color:var(--muted);font-size:8px}.summary-stat{display:flex;flex-direction:column;justify-content:center}.summary-stat strong{font:600 23px Playfair Display,serif}.summary-stat span{color:var(--muted);font-size:8px}.summary-stat--alert strong{color:var(--coral-dark)}.next-live{display:flex;align-items:center;gap:11px;background:#edf0e8}.next-live strong{font-size:9px}.next-live p{margin:3px 0 0;color:#6c7068;font-size:8px}.teacher-dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:15px;margin-top:15px}.panel{border:1px solid var(--line);border-radius:10px;background:var(--paper)}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:20px 21px 14px}.panel-heading h2{margin:0;font:600 18px Playfair Display,Noto Sans SC,serif}.panel-heading button{display:flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:var(--muted);font-size:8px}.panel-heading>span{color:var(--muted);font-size:8px}.attention-row{display:grid;grid-template-columns:39px 1fr auto auto;align-items:center;gap:11px;min-height:90px;padding:12px 20px;border-top:1px solid var(--line)}.attention-row>.audio-clip{max-width:250px}.word-badge{display:flex;width:37px;height:37px;align-items:center;justify-content:center;border-radius:6px;color:#89483c;background:#edd2c9;font:600 12px Playfair Display,serif}.attention-row strong{font-size:11px}.attention-row strong small{color:var(--coral-dark);font:500 9px Playfair Display,serif}.attention-row p{margin:3px 0 6px;color:var(--muted);font-size:8px}.progress-list{padding:0 20px 12px}.progress-list>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:11px 0;border-top:1px solid var(--line)}.sound-dot{display:flex;width:35px;height:35px;align-items:center;justify-content:center;border-radius:50%;font:600 11px Playfair Display,serif}.progress-list>div>div{display:flex;flex-direction:column}.progress-list strong{font-size:10px}.progress-list small{color:var(--muted);font-size:8px}.panel--notes textarea{width:calc(100% - 40px);min-height:89px;margin:0 20px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#f8f6ef;color:var(--ink);font-size:10px;line-height:1.6;resize:vertical}.note-actions{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 17px;color:var(--muted);font-size:8px}.note-actions span,.note-actions button{display:flex;align-items:center;gap:5px}.note-actions button{border:0;background:transparent;color:var(--coral-dark)}.context-table{padding:0 20px 12px}.context-table>div{display:grid;grid-template-columns:minmax(85px,1fr) auto;align-items:center;gap:9px;min-height:36px}.context-table span,.context-table strong{font-size:8px}.context-table strong{text-align:right}.context-confirmation{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:72px;padding:5px 8px;border-radius:999px;background:var(--cream);color:var(--muted)}.context-confirmation.confirmed{background:var(--sage-soft);color:var(--sage-dark)}.context-bar{height:5px;overflow:hidden;border-radius:5px;background:#e5e2d8}.context-bar i{display:block;height:100%;background:#758577}.panel-footnote{margin:0;padding:9px 20px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.teacher-page--builder{width:calc(100% - 40px)}.builder-layout{display:grid;grid-template-columns:minmax(265px,.8fr) minmax(390px,1.35fr) 250px;align-items:start;gap:13px}.lesson-outline,.card-editor,.lesson-preview{border:1px solid var(--line);border-radius:9px;background:var(--paper)}.outline-heading{display:flex;align-items:center;justify-content:space-between;padding:17px}.outline-heading>div{display:flex;flex-direction:column}.outline-heading span{color:var(--muted);font-size:7px;letter-spacing:.11em}.outline-heading strong{margin-top:2px;font:600 16px Playfair Display,Noto Sans SC,serif}.outline-list{border-block:1px solid var(--line)}.outline-list>button{display:grid;width:100%;grid-template-columns:15px 25px 1fr 15px;align-items:center;gap:8px;min-height:72px;padding:9px 11px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent}.outline-list>button:last-child{border-bottom:0}.outline-list>button.selected{background:#f5e7e1;box-shadow:inset 3px 0 var(--coral)}.outline-list>button>span:nth-child(3){display:flex;min-width:0;flex-direction:column}.drag{color:#a7a59d}.card-num{color:#aaa79d;font:italic 600 10px Playfair Display,serif}.outline-list small{color:var(--coral-dark);font-size:7px}.outline-list strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.outline-list em{overflow:hidden;margin-top:2px;color:var(--muted);font-size:7px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.add-card{display:flex;width:calc(100% - 24px);min-height:37px;align-items:center;justify-content:center;gap:6px;margin:12px;border:1px dashed #c7c4ba;border-radius:6px;background:transparent;color:var(--muted);font-size:9px}.card-editor{padding:21px}.card-editor>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:21px}.card-editor h2{margin:6px 0 0;font:600 21px Playfair Display,serif}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field-label--wide{grid-column:1/-1}.editor-divider{display:flex;align-items:center;gap:10px;margin:22px 0 13px;color:var(--muted);font-size:8px;font-weight:700}.editor-divider i{flex:1;height:1px;background:var(--line)}.word-token-editor{display:flex;flex-wrap:wrap;gap:6px}.word-token-editor>span{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:4px;background:#ebe9e0;font:600 10px Playfair Display,serif}.word-token-editor button{display:flex;align-items:center;border:0;background:transparent}.word-token-editor>button{padding:6px 8px;border:1px dashed #c4c1b8;border-radius:4px;color:var(--muted);font-size:8px}.editor-audio,.teacher-record-box{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:13px;border:1px solid var(--line);border-radius:7px;background:#f7f4ed}.editor-audio>div,.teacher-record-box>div{display:flex;align-items:center;gap:10px}.audio-icon{display:flex;width:33px;height:33px;align-items:center;justify-content:center;border-radius:50%;color:var(--coral-dark);background:var(--coral-pale)}.editor-audio span span,.teacher-record-box span span{display:flex;flex-direction:column}.editor-audio strong,.teacher-record-box strong{font-size:9px}.editor-audio small,.teacher-record-box small{display:block;color:var(--muted);font-size:7px}.predictive-toggle{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:13px;border:1px solid #d9dfd4;border-radius:7px;background:#f0f4ed}.predictive-toggle strong{font-size:9px}.predictive-toggle p{margin:3px 0 0;color:var(--muted);font-size:7px}.switch{width:34px;height:19px;padding:2px;border:0;border-radius:20px;background:#bdbdb7}.switch span{display:block;width:15px;height:15px;border-radius:50%;background:#fff}.switch.active{background:var(--green)}.switch.active span{margin-left:auto}.card-editor>footer{display:flex;align-items:center;justify-content:space-between;margin:20px -21px -21px;padding:12px 21px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.lesson-preview{padding:15px}.lesson-preview>span{color:var(--muted);font-size:7px;font-weight:700;letter-spacing:.12em}.phone-frame{display:flex;min-height:430px;flex-direction:column;align-items:center;margin-top:12px;padding:13px 17px 25px;border:6px solid #31342f;border-radius:25px;text-align:center;background:#f8f6ef;box-shadow:0 9px 24px #0000001f}.phone-status{display:flex;width:100%;justify-content:space-between;color:#77766e;font-size:7px}.phone-status i{width:22px;height:5px;border-radius:4px;background:#31342f}.phone-progress{display:flex;width:100%;flex-direction:column;gap:6px;margin-top:18px;text-align:left;color:var(--muted);font-size:7px}.phone-progress>span{height:3px;overflow:hidden;border-radius:3px;background:#dfddd4}.phone-progress i{display:block;height:100%;background:var(--coral)}.phone-frame>small{margin-top:42px;color:var(--coral-dark);font-size:7px}.phone-frame h3{margin:15px 0 8px;font:600 28px Playfair Display,serif}.phone-frame p{color:var(--muted);font-size:8px}.preview-record{display:flex;width:60px;height:60px;align-items:center;justify-content:center;margin-top:30px;border:0;border-radius:50%;color:#fff;background:var(--coral);box-shadow:0 0 0 7px #f2dfd8}.preview-record svg{width:21px}.phone-frame em{margin-top:10px;font-size:7px;font-style:normal}.lesson-preview>p{margin:12px 0 0;color:var(--muted);text-align:center;font-size:7px}.live-ready{display:grid;min-height:330px;grid-template-columns:1fr 1.2fr;align-items:center;overflow:hidden;border-radius:12px;color:#fff;background:#30372f}.live-ready__visual{position:relative;display:flex;height:100%;align-items:center;justify-content:center;background:#ffffff05}.live-ring{position:relative;z-index:2;display:flex;width:105px;height:105px;align-items:center;justify-content:center;border:1px solid #d18d78;border-radius:50%;color:#e8a18b;box-shadow:0 0 0 35px #db937c0f,0 0 0 70px #db937c09}.live-ready>div:last-child{padding:40px 50px 40px 20px}.live-ready h2{margin:12px 0 6px;font:600 28px Playfair Display,serif}.live-ready>div:last-child>p:not(.eyebrow){color:#a9b0a7;font-size:10px}.live-ready--course-picker{grid-template-columns:minmax(260px,.8fr) minmax(420px,1.4fr)}.live-course-select{position:relative;display:grid;gap:7px;margin-top:22px}.live-course-select>span{color:#d7dcd4;font-size:11px;font-weight:700}.live-course-select select{width:100%;min-height:52px;appearance:none;padding:0 46px 0 15px;border:1px solid #687168;border-radius:8px;outline:0;color:#f7f7f3;background:#252b25;font-size:14px;font-weight:650}.live-course-select select:focus-visible{border-color:#e1a08c;box-shadow:0 0 0 3px #e1a08c33}.live-course-select>svg{position:absolute;right:15px;bottom:16px;width:19px;pointer-events:none;color:#d7dcd4}.live-course-preview{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a}.live-course-preview__ipa{display:inline-flex;min-width:56px;min-height:52px;align-items:center;justify-content:center;border-radius:7px;color:#f2c0b0;background:#d36c5726;font:600 19px Playfair Display,serif}.live-course-preview>span:last-child{display:flex;min-width:0;flex-direction:column;gap:4px}.live-course-preview strong{overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.live-course-preview small{color:#aeb5ae;font-size:10px}.device-note{display:flex;gap:10px;margin:22px 0;padding:13px;border:1px solid #596259;border-radius:7px;color:#c6cbc4;background:#ffffff09}.device-note span{display:flex;flex-direction:column;font-size:9px;line-height:1.5}.device-note strong{color:#f0f2ed}.live-outline{margin-top:15px}.live-outline>div:not(.panel-heading){display:grid;grid-template-columns:35px 1fr 20px;align-items:center;gap:10px;padding:11px 22px;border-top:1px solid var(--line)}.live-outline>div>span{color:var(--muted);font:italic 600 10px Playfair Display,serif}.live-outline>div>div strong{font-size:10px}.live-outline>div>div p{margin:2px 0 0;color:var(--muted);font-size:8px}.live-outline>div>svg{color:var(--green)}.live-studio-wrap .practice-studio{right:260px}.live-control-strip{position:fixed;z-index:85;top:0;right:0;bottom:0;width:260px;padding:25px 15px;color:#fff;background:#293029}.live-control-strip>div:first-child{display:grid;grid-template-columns:12px 1fr;align-items:center;padding:8px}.live-control-strip>div:first-child span{grid-row:span 2}.live-control-strip strong{font-size:10px}.live-control-strip small{color:#818981;font-size:8px}.muted-pulse{background:#9c8a59}.live-thumbs{display:flex;flex-direction:column;gap:5px;margin:25px 0}.live-thumbs button{display:grid;grid-template-columns:25px 1fr;gap:7px;padding:9px;text-align:left;border:1px solid rgba(255,255,255,.09);border-radius:6px;color:#aeb5ae;background:transparent}.live-thumbs button.active{color:#fff;border-color:#c98571;background:#d36c5721}.live-thumbs button span{grid-row:span 2}.live-thumbs button strong{font-size:8px}.live-control-strip>.button{width:100%;color:#fff;background:transparent}.live-custom-plan{margin-top:14px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.live-custom-plan summary{display:flex;min-height:48px;align-items:center;gap:8px;padding:0 16px;cursor:pointer;color:var(--muted);font-size:11px;font-weight:700;list-style:none}.live-custom-plan summary::-webkit-details-marker{display:none}.live-custom-plan>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-top:1px solid var(--line)}.live-custom-plan>div>span{display:flex;min-width:0;flex-direction:column;gap:4px}.live-custom-plan>div strong{font-size:13px}.live-custom-plan>div small{color:var(--muted);font-size:11px}.teacher-page--course-live{width:min(1380px,calc(100% - 44px))}.course-live-shell{min-width:0}.course-live-banner{position:sticky;z-index:32;top:0;display:grid;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:18px;margin-bottom:18px;padding:13px 16px;border:1px solid #424a42;border-radius:10px;color:#fff;background:#2a312af7;box-shadow:0 8px 25px #1f231f24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.course-live-banner__status{display:flex;align-items:center;gap:10px}.course-live-banner__status>span:last-child,.course-live-banner__lesson{display:flex;min-width:0;flex-direction:column;gap:2px}.course-live-banner__status strong,.course-live-banner__lesson strong{font-size:12px}.course-live-banner__status small,.course-live-banner__lesson small,.course-live-banner__lesson span,.course-live-banner__actions>span{color:#aeb5ae;font-size:10px}.course-live-banner__lesson strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-live-banner__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.course-live-banner__actions .button{min-height:42px;white-space:nowrap}.course-live-banner__actions .button--outline{border-color:#ffffff6b;color:#fff;background:transparent}.course-live-banner__actions .button--outline:hover{border-color:#ffffffb8;background:#ffffff14}.course-live-banner>.form-error{grid-column:1 / -1;margin:0;padding:8px 10px;border:1px solid rgba(255,195,178,.38);border-radius:6px;color:#ffd8cd;background:#822d1f52;font-size:11px}.course-live-shell--student .course-live-banner{top:calc(66px + env(safe-area-inset-top))}.course-live-shell .scl-module-panel,.course-live-shell .scl-module-page{scroll-margin-top:140px}.teacher-page--course-live .scl-module-panel,.teacher-page--course-live .scl-module-page{scroll-margin-top:92px}.review-layout{display:grid;grid-template-columns:260px 1fr;align-items:start;gap:13px}.recording-inbox,.review-workbench{overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.inbox-tabs{display:flex;height:50px;border-bottom:1px solid var(--line)}.inbox-tabs button{flex:1;border:0;background:transparent;color:var(--muted);font-size:9px;font-weight:700}.inbox-tabs button.active{color:var(--ink);box-shadow:inset 0 -2px var(--coral)}.inbox-tabs i{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;margin-left:4px;border-radius:50%;color:#fff;background:var(--coral);font-size:7px;font-style:normal}.recording-inbox>button{position:relative;display:grid;width:100%;grid-template-columns:37px 1fr;align-items:center;gap:10px;padding:14px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent}.recording-inbox>button.active{background:#f3e8e2;box-shadow:inset 3px 0 var(--coral)}.recording-inbox>button>span:nth-child(2){display:flex;flex-direction:column}.recording-inbox strong{font-size:10px}.recording-inbox strong small{color:var(--coral-dark);font:500 8px Playfair Display,serif}.recording-inbox em,.recording-inbox>button>span:nth-child(2)>small{color:var(--muted);font-size:7px;font-style:normal}.unread-dot{position:absolute;top:12px;right:10px;width:6px;height:6px;border-radius:50%;background:var(--coral)}.review-workbench{max-width:800px}.review-workbench>header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 25px}.recording-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.recording-actions .button{min-height:34px;padding-inline:10px}.review-workbench h1{margin:7px 0 2px;font:600 30px Playfair Display,serif}.review-workbench h1 small{color:var(--coral-dark);font-size:14px}.review-workbench header p{margin:0;color:var(--muted);font-size:8px}.review-workbench header button{border:0;background:transparent}.large-waveform{display:grid;grid-template-columns:42px 1fr 35px;align-items:center;gap:14px;min-height:110px;padding:15px 25px;border-block:1px solid var(--line);background:#efede5}.large-waveform>button{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border:0;border-radius:50%;color:#fff;background:var(--coral)}.wave-bars{display:flex;height:65px;align-items:center;gap:2px}.wave-bars i{flex:1;min-width:1px;border-radius:2px;background:#88978a}.large-waveform>span{color:var(--muted);font-size:8px}.listen-modes{display:flex;gap:7px;padding:12px 25px}.loop-button{display:flex;align-items:center;gap:5px;margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:8px}.review-workbench>hr{margin-inline:25px}.feedback-editor{padding:0 25px 20px}.review-workbench>.waveform-compare{margin:0 25px 20px}.feedback-editor h2{margin-bottom:4px;font:600 17px Playfair Display,Noto Sans SC,serif}.feedback-editor>p{color:var(--muted);font-size:8px}.feedback-templates{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 20px}.feedback-templates button{display:inline-flex;min-height:34px;align-items:center;gap:5px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;color:#61645c;background:#f7f5ee;font-size:8px}.feedback-templates button.selected{color:#7d4135;border-color:#daa998;background:#f8e6df}.feedback-tag-picker{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 19px}.feedback-tag-picker button{display:flex;align-items:center;gap:3px;padding:6px 8px;border:1px solid var(--line);border-radius:4px;background:#fff;color:#6e6d66;font-size:8px}.feedback-tag-picker button.selected{color:#8c4a3c;border-color:#daa998;background:#f8e6df}.teacher-record-box{margin:12px 0}.region-editor{display:grid;grid-template-columns:minmax(150px,1fr) 90px 90px minmax(130px,1fr) auto;align-items:end;gap:8px;margin:14px 0 9px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#f7f4ed}.region-editor>div{display:flex;flex-direction:column;align-self:center}.region-editor strong{font-size:9px}.region-editor span{color:var(--muted);font-size:7px}.region-editor label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:7px;font-weight:700}.region-editor input{width:100%;height:36px;padding:0 8px;border:1px solid var(--line);border-radius:5px;background:#fff}.region-list{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.region-list>span{display:inline-flex;min-height:28px;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;color:#6b5832;background:#f8e7b8;font-size:8px}.region-list button{display:inline-flex;padding:0;border:0;background:transparent}.review-schedule{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:13px;border:1px solid var(--line);border-radius:7px}.review-schedule>div{display:flex;flex:1 0 100%;align-items:center;justify-content:space-between}.review-schedule strong{font-size:9px}.review-schedule span{color:var(--muted);font-size:7px}.review-schedule button{display:flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:8px}.review-schedule button.selected{color:#fff;border-color:var(--green);background:var(--green)}.context-stage{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.review-workbench>footer{display:flex;align-items:center;justify-content:space-between;padding:13px 25px;border-top:1px solid var(--line);color:var(--muted);background:#f8f6ef;font-size:8px}.review-workbench>footer span{display:flex;align-items:center;gap:5px;color:var(--green)}.ai-safety{display:flex;align-items:center;gap:6px;color:var(--green);font-size:9px}.ai-tabs{display:flex;border-bottom:1px solid var(--line)}.ai-tabs button{position:relative;min-height:41px;padding:0 18px;border:0;background:transparent;color:var(--muted);font-size:9px;font-weight:700}.ai-tabs button.active{color:var(--ink)}.ai-tabs button.active:after{content:"";position:absolute;right:15px;bottom:-1px;left:15px;height:2px;background:var(--coral)}.ai-tabs i{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;margin-left:4px;border-radius:50%;color:#fff;background:var(--coral);font-size:7px;font-style:normal}.ai-generate-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.ai-form{padding-bottom:18px}.ai-form .editor-fields{padding:0 21px}.prompt-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 21px}.prompt-options label{display:flex;align-items:center;gap:7px;color:#66665f;font-size:8px}.prompt-options input{accent-color:var(--coral)}.prompt-actions{display:flex;justify-content:flex-end;gap:7px;padding:15px 21px 0;border-top:1px solid var(--line)}.prompt-preview{overflow:hidden}.prompt-preview pre{height:345px;margin:0 20px 15px;padding:16px;overflow:auto;white-space:pre-wrap;border:1px solid #4d554e;border-radius:7px;color:#dfe3dd;background:#303731;font:9px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}.direct-ai{display:flex;align-items:center;gap:9px;padding:14px 20px;border-top:1px solid var(--line)}.direct-ai>svg{color:var(--coral)}.direct-ai>span{display:flex;flex:1;flex-direction:column}.direct-ai strong{font-size:9px}.direct-ai small{color:var(--muted);font-size:7px}.import-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:start;gap:14px;margin-top:18px}.json-editor,.draft-preview{overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.json-editor>header{display:flex;align-items:center;justify-content:space-between;min-height:61px;padding:11px 16px;border-bottom:1px solid var(--line)}.json-editor header>div{display:flex;align-items:center;gap:9px}.json-editor header span{display:flex;flex-direction:column}.json-editor header strong{font-size:10px}.json-editor header small{color:var(--muted);font-size:7px}.json-editor>textarea{width:100%;min-height:580px;padding:18px;border:0;outline:0;color:#dfe4de;background:#2e352f;font:9px/1.7 ui-monospace,monospace;resize:vertical}.json-editor>footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.validation-result{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.validation-result.valid{color:var(--green)}.validation-result.invalid{color:var(--coral-dark)}.draft-preview{padding:20px}.preview-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:7px;font-weight:700;letter-spacing:.11em}.draft-hero{display:flex;align-items:center;gap:14px;margin:18px 0}.draft-hero>strong{display:flex;width:64px;height:64px;align-items:center;justify-content:center;border-radius:50%;background:#ead4c0;font:600 18px Playfair Display,serif}.draft-hero h2{margin:0 0 4px;font:600 19px Playfair Display,Noto Sans SC,serif}.draft-hero p{margin:0;color:var(--muted);font-size:8px}.warning-callout{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #e6c687;border-radius:7px;color:#625330;background:#fbefcd}.warning-callout span{display:flex;flex-direction:column;font-size:8px;line-height:1.5}.draft-steps{display:flex;flex-direction:column;gap:8px;padding:0;margin:18px 0;list-style:none}.draft-steps li{display:flex;align-items:center;gap:9px;font-size:9px}.draft-steps span{display:flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;color:var(--coral-dark);background:var(--coral-pale);font-size:8px}.candidate-box{padding:13px;border:1px solid var(--line);border-radius:7px;background:#f7f4ed}.candidate-box>strong{font-size:9px}.candidate-box>div{display:grid;grid-template-columns:70px 1fr 58px 25px;align-items:center;gap:6px;padding:10px 0;border-bottom:1px solid var(--line)}.candidate-box>div:last-child{border-bottom:0}.candidate-box span{font:600 11px Playfair Display,serif}.candidate-box p{margin:0;color:var(--muted);font-size:7px}.candidate-box button{display:flex;align-items:center;gap:3px;padding:4px;border:0;background:transparent;color:var(--green);font-size:7px}.candidate-box button:last-child{color:var(--coral-dark)}.candidate-box button.selected{padding:5px 7px;border-radius:4px;color:#fff;background:var(--green)}.candidate-box button:last-child.selected{background:var(--coral-dark)}.approval-check{display:flex;align-items:flex-start;gap:8px;margin:15px 0;color:#575852;font-size:8px}.approval-check input{accent-color:var(--coral)}.approval-check span{display:flex;flex-direction:column}.approval-check small{color:var(--muted);font-size:7px}.draft-list{margin-top:18px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.draft-list>div{display:grid;grid-template-columns:38px 1fr auto 100px;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid var(--line)}.draft-list>div:last-child{border-bottom:0}.draft-icon{display:flex;width:35px;height:35px;align-items:center;justify-content:center;border-radius:6px;color:var(--coral-dark);background:var(--coral-pale)}.draft-icon svg{width:17px}.draft-list>div>span:nth-child(2){display:flex;flex-direction:column}.draft-list strong{font-size:10px}.draft-list small{color:var(--muted);font-size:8px}.draft-list button{display:flex;align-items:center;gap:5px;justify-self:end;border:0;background:transparent;color:var(--coral-dark);font-size:8px}.quick-create{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px}.quick-create button{display:grid;min-height:90px;grid-template-columns:30px 1fr;align-items:center;gap:3px 8px;padding:12px;text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.quick-create button>svg{grid-row:span 2;width:19px;color:var(--coral)}.quick-create button.selected{border-color:var(--coral);background:#fdf2ee;box-shadow:0 0 0 1px var(--coral)}.quick-create strong{font-size:9px}.quick-create small{color:var(--muted);font-size:7px}.content-creator{margin:-5px 0 18px;padding:18px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.content-creator .editor-fields{padding:0}.creator-actions{display:grid;grid-template-columns:auto minmax(280px,1fr);align-items:start;gap:16px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.creator-actions .recorder{margin-top:0}.library-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.library-tools>label{display:flex;min-width:280px;height:38px;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:7px;background:var(--paper)}.library-tools input{width:100%;border:0;outline:0;background:transparent;font-size:9px}.library-table{overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.library-table>header,.library-table>div:not(.empty-state){display:grid;grid-template-columns:1.6fr 1.1fr 100px 100px;align-items:center;gap:12px;padding:12px 17px;border-bottom:1px solid var(--line)}.library-table>header{color:var(--muted);background:#edeae2;font-size:7px;font-weight:700;letter-spacing:.08em}.library-table>div:last-child{border-bottom:0}.library-table>div{color:var(--muted);font-size:8px}.library-name{display:flex;align-items:center;gap:10px}.library-name i{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:5px;color:var(--coral-dark);background:var(--coral-pale)}.library-name strong{color:var(--ink);font-size:10px}.library-table>div>span:last-child{display:flex;justify-content:flex-end}.library-table>div>span:last-child button{display:flex;padding:5px;border:0;background:transparent;color:var(--muted)}.library-table>div>span:last-child button:last-child{color:var(--coral-dark)}@media(max-width:1120px){.student-summary-card{grid-template-columns:1.2fr repeat(3,.55fr)}.next-live{display:none}.builder-layout{grid-template-columns:250px 1fr}.lesson-preview{display:none}.teacher-page--builder{width:calc(100% - 30px)}.sound-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh;padding:28px}.brand--mobile{display:flex}.teacher-rail{transform:translate(-100%);transition:transform .2s ease}.teacher-rail.open{transform:translate(0)}.rail-close{display:inline-flex}.rail-scrim{position:fixed;z-index:40;inset:0;border:0;background:#191c197a}.teacher-workspace{margin-left:0}.teacher-mobile-bar{position:sticky;z-index:30;top:0;display:flex;min-height:calc(56px + env(safe-area-inset-top));align-items:center;justify-content:space-between;padding:env(safe-area-inset-top) 16px 0;border-bottom:1px solid var(--line);background:#fbfaf5f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.teacher-mobile-bar>span{display:flex;align-items:center;gap:7px;font:600 14px Playfair Display,serif}.teacher-page--course-live .course-live-banner{top:calc(56px + env(safe-area-inset-top))}.teacher-page{width:calc(100% - 32px);padding-top:25px}.student-summary-card{grid-template-columns:1.5fr repeat(3,.55fr)}.teacher-dashboard-grid{grid-template-columns:1fr}.review-workbench{max-width:none}.live-studio-wrap .practice-studio{right:0}.live-control-strip{top:auto;left:0;width:100%;height:100px;padding:9px 16px}.live-control-strip>div:first-child,.live-control-strip>.button{display:none}.live-thumbs{flex-direction:row;overflow-x:auto;margin:0}.live-thumbs button{flex:0 0 150px}.live-studio-wrap .studio-footer{bottom:100px}.ai-generate-grid,.import-layout{grid-template-columns:1fr}.json-editor>textarea{min-height:400px}}@media(min-width:721px)and (max-width:759px){.teacher-page--course-live{width:calc(100% - 20px)}.course-live-banner{grid-template-columns:1fr auto;gap:10px;margin-bottom:10px;padding:11px 12px}.course-live-banner__status{display:none}.course-live-banner__lesson strong{font-size:14px;white-space:normal}.course-live-banner__lesson small,.course-live-banner__lesson span,.course-live-banner__actions>span{font-size:11px}.course-live-banner__actions>span{display:none}.course-live-banner__actions .button{min-height:44px;padding-inline:12px}.course-live-shell .scl-module-panel,.course-live-shell .scl-module-page,.teacher-page--course-live .scl-module-panel,.teacher-page--course-live .scl-module-page{scroll-margin-top:150px}}@media(max-width:720px){.recovery-tray{right:10px;bottom:calc(78px + env(safe-area-inset-bottom));width:calc(100vw - 20px)}.recovery-tray__item button{min-height:44px}.connection-banner{min-height:48px;text-align:center;line-height:1.35}.connection-banner+.student-topbar,.connection-banner~.teacher-rail,.connection-banner~.teacher-workspace{margin-top:48px}.connection-banner~.student-main .practice-studio,.connection-banner~.teacher-workspace .practice-studio{padding-top:48px}.student-topbar{min-height:calc(57px + env(safe-area-inset-top));height:auto;grid-template-columns:1fr auto;padding:env(safe-area-inset-top) 16px 0}.teacher-rail{padding-top:env(safe-area-inset-top)}.icon-button,.filter-row button,.audio-button--compact,.self-reflection button{min-width:44px;min-height:44px}.student-topnav,.student-topbar .sync-status{display:none}.student-main{width:calc(100% - 28px);padding:30px 0 90px}.mobile-tabs{position:fixed;z-index:35;right:0;bottom:0;left:0;display:grid;height:calc(64px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fbfaf5f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;color:#686860;background:transparent;font-size:11px}.mobile-tabs button.active{color:var(--coral-dark)}.mobile-tabs button:disabled{cursor:not-allowed;opacity:.34}.mobile-tabs button i{position:absolute;top:8px;left:calc(50% + 8px);display:flex;width:15px;height:15px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--coral);font-size:7px;font-style:normal}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:25px}.page-heading h1{font-size:32px}.today-intro{align-items:flex-start;flex-direction:column;margin-bottom:24px}.today-intro h1{font-size:35px}.session-chip{align-self:stretch;justify-content:center}.focus-card{grid-template-columns:1fr}.focus-card__content{padding:25px 22px}.focus-card__aside{display:none}.focus-card__title-row{align-items:flex-start;gap:16px}.sound-orb--large{width:68px;height:68px;font-size:21px}.focus-card h2{font-size:26px}.practice-route{align-items:flex-start;flex-direction:column;gap:8px;margin-left:5px}.practice-route>i{width:1px;height:13px;margin:-7px 0 -7px 13px}.assignment{grid-template-columns:28px 1fr auto;gap:8px;padding:18px 14px}.assignment__body>p{line-height:1.5}.assignment .text-action{grid-column:2/-1;justify-self:start}.practice-studio{padding-bottom:86px}.studio-header{grid-template-columns:1fr auto;min-height:70px;padding:11px 16px}.phase-track{display:none}.studio-phase-name{font-size:14px}.practice-card{width:calc(100% - 24px);min-height:580px;grid-template-columns:1fr;margin:15px auto 90px}.practice-card__rail{min-height:68px;flex-direction:row;gap:9px}.practice-card__rail .vertical-label{position:static;writing-mode:initial}.practice-card__rail strong{font-size:21px}.practice-card__rail small{margin:0}.practice-card__main{padding:20px 16px 27px}.phase-content{padding:45px 0 15px}.hero-word{font-size:58px}.prediction-options{gap:7px}.prediction-options button{min-height:74px;font-size:19px}.model-grid,.movement-diagram{grid-template-columns:1fr}.movement-diagram>div{min-height:100px}.movement-diagram>svg{margin:-1px auto;transform:rotate(90deg)}.ab-compare>div{grid-template-columns:30px 1fr auto}.ab-compare .best-button{grid-column:2/-1}.self-reflection{align-items:stretch;flex-wrap:wrap}.self-reflection>span{flex:1 0 100%}.studio-footer{min-height:68px;padding:9px 12px calc(9px + env(safe-area-inset-bottom))}.studio-footer>span{display:none}.studio-footer .button{padding-inline:12px}.sound-layout{grid-template-columns:1fr}.sound-grid{grid-template-columns:1fr 1fr}.sound-tile{min-height:185px;padding:13px}.sound-tile>strong{margin-top:22px;font-size:28px}.sound-detail{position:static}.song-feature{grid-template-columns:1fr}.album-art{min-height:180px}.album-art:before{width:160px;height:160px}.album-art span{font-size:48px}.song-feature__copy{padding:25px 22px}.song-feature__copy h2{font-size:25px}.lyric-line{font-size:15px}.song-list>button{grid-template-columns:43px 1fr 18px}.song-focus,.song-status{display:none}.feedback-item{grid-template-columns:1fr}.feedback-date{display:none}.compare-strip,.feedback-audio-grid{grid-template-columns:1fr}.audio-clip{flex-wrap:wrap}.audio-clip__player{width:100%;flex-basis:100%}.audio-clip__label,.audio-clip__rate{font-size:11px}.compare-strip>div:first-child{border-right:0;border-bottom:1px solid var(--line)}.teacher-page-header{align-items:flex-start;flex-direction:column}.teacher-page-header h1{font-size:29px}.teacher-page-header>div:last-child{width:100%;flex-wrap:wrap}.teacher-page-header>div:last-child .button{flex:1}.student-summary-card{grid-template-columns:repeat(3,1fr)}.student-identity{grid-column:1/-1;min-height:82px;border-right:0!important;border-bottom:1px solid var(--line)}.summary-stat{min-height:64px}.attention-row{grid-template-columns:37px 1fr auto;padding:12px}.attention-row>.audio-clip{grid-column:2/-1;width:100%;max-width:none}.attention-row>.button{grid-column:2/-1;justify-self:start}.builder-layout{grid-template-columns:1fr}.lesson-outline{max-height:330px;overflow-y:auto}.editor-fields{grid-template-columns:1fr}.field-label--wide{grid-column:auto}.review-layout{grid-template-columns:1fr}.recording-inbox{max-height:270px;overflow-y:auto}.review-workbench h1{font-size:25px}.review-workbench>header{align-items:flex-start;flex-direction:column;gap:12px;padding:18px 16px}.recording-actions{width:100%;flex-direction:row;justify-content:flex-start}.review-workbench>.waveform-compare{margin-inline:16px}.feedback-editor{padding-inline:16px}.feedback-templates button,.feedback-tag-picker button,.review-schedule button{min-height:44px;font-size:11px}.region-editor{grid-template-columns:1fr 1fr}.region-editor>div,.region-editor>label:last-of-type{grid-column:1/-1}.region-editor strong,.region-editor label,.region-editor span,.region-list>span{font-size:11px}.wave-bars i:nth-child(2n){display:none}.listen-modes{flex-wrap:wrap}.context-stage,.live-ready{grid-template-columns:1fr}.live-ready__visual{min-height:200px}.live-ready--course-picker .live-ready__visual{display:none}.live-ready>div:last-child{padding:25px 22px}.live-ready--course-picker>div:last-child{padding:24px 18px}.live-ready--course-picker h2{font-size:25px}.live-course-select select{min-height:56px;font-size:15px}.live-course-preview{align-items:flex-start}.live-course-preview strong{font-size:13px;white-space:normal}.live-course-preview small{font-size:12px;line-height:1.45}.live-custom-plan>div{align-items:stretch;flex-direction:column}.live-custom-plan .button{width:100%;min-height:48px}.teacher-page--course-live{width:calc(100% - 20px)}.course-live-banner{position:sticky;grid-template-columns:1fr auto;gap:10px;margin-bottom:10px;padding:11px 12px}.course-live-banner__status{display:none}.course-live-banner__lesson strong{font-size:14px;white-space:normal}.course-live-banner__lesson small,.course-live-banner__lesson span,.course-live-banner__actions>span{font-size:11px}.course-live-banner__actions>span{display:none}.course-live-banner__actions .button{min-height:44px;padding-inline:12px}.course-live-shell--student .course-live-banner{top:calc(57px + env(safe-area-inset-top))}.course-live-shell .scl-module-panel,.course-live-shell .scl-module-page,.teacher-page--course-live .scl-module-panel,.teacher-page--course-live .scl-module-page{scroll-margin-top:calc(150px + env(safe-area-inset-top))}.prompt-options{grid-template-columns:1fr}.draft-list>div{grid-template-columns:38px 1fr auto}.draft-list>div>button{grid-column:2/-1;justify-self:start}.quick-create{grid-template-columns:1fr 1fr}.creator-actions{grid-template-columns:1fr}.library-tools{align-items:stretch;flex-direction:column}.library-tools>label{min-width:0}.library-table>header{display:none}.library-table>div:not(.empty-state){grid-template-columns:1fr auto}.library-table>div>span:nth-child(2),.library-table>div>span:nth-child(3){display:none}}@media(max-width:390px){.login-panel{padding:22px}.brand--mobile{margin-bottom:45px}.login-card h2{font-size:34px}.student-main{width:calc(100% - 22px)}.focus-card__content{padding:22px 17px}.focus-card__title-row{gap:12px}.sound-orb--large{width:59px;height:59px}.focus-card__title-row p:last-child{line-height:1.5}.sound-grid{gap:8px}.sound-tile{min-height:178px}.stage-pill{padding:4px 7px;font-size:11px}.practice-card__main{padding-inline:12px}.prediction-options button span{display:none}.teacher-page{width:calc(100% - 22px)}.teacher-page-header>div:last-child .button{min-width:100%}.student-summary-card>div{padding-inline:11px}.summary-stat span{line-height:1.35}.card-editor{padding:15px}.card-editor>footer{margin:20px -15px -15px;padding:11px 15px}.editor-audio,.teacher-record-box{align-items:flex-start;flex-direction:column}.candidate-box>div{grid-template-columns:60px 1fr 25px}.candidate-box>div button:nth-of-type(1){display:none}.quick-create{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}