:root{color:#253930;font-synthesis:none;--green:#245b46;--ink:#263b31;--muted:#626f65;--line:#e1e7df;--paper:#fff;--sage:#e9f1e8;--peach:#f8e9de;--lavender:#ece9f8;--blue:#e6eff6;--butter:#f6efcf;background:#f7f8f5;font-family:Inter,Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.55}a{color:var(--green);text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #9c702b}button{background:0 0;border:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.4}h1{font-size:2rem;font-weight:750}h2{font-size:1.2rem;font-weight:700}h3{font-size:1rem}p{color:var(--muted)}svg{vertical-align:middle;flex-shrink:0}img{max-width:100%;display:block}fieldset{border:0;margin:0;padding:0}figure{margin:0}input[type=checkbox],input[type=radio]{accent-color:var(--green)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:99999;background:#fff;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fcfcf9;flex-direction:column;width:224px;padding:35px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand-button{text-align:left;padding:0 12px}.brand{letter-spacing:-.07em;align-items:center;gap:10px;font-size:1.7rem;font-weight:800;display:inline-flex}.brand-mark{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.brand-dot{color:#7eaa6d}.sidebar-caption{letter-spacing:.16em;color:#626f65;margin:10px 0 42px 12px;font-size:.59rem}.nav-label{color:#626f65;letter-spacing:.13em;margin:0 12px 11px;font-size:.63rem}.sidebar nav{gap:7px;display:grid}.sidebar nav button{color:#626f65;text-align:left;border-radius:9px;align-items:center;gap:12px;min-height:49px;padding:13px 15px;font-size:.9rem;display:flex}.sidebar nav button[aria-current]{color:var(--green);background:#e8efe5;font-weight:700}.nav-dot{background:#4d7850;border-radius:50%;width:6px;height:6px;margin-left:auto}.sidebar nav small{margin-left:auto}.sidebar-bottom{margin-top:auto;padding:40px 10px 0}.gentle-note{background:#f2f3eb;border:1px solid #e8ebdf;border-radius:12px;margin-bottom:19px;padding:18px}.gentle-note>span{color:#7f9563}.gentle-note p{margin-top:9px;font-size:.77rem;line-height:1.8}.gentle-note strong{color:#51644b;font-weight:600}.local-profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:20px;padding-top:22px;display:flex}.local-profile>span{color:#7d7968;background:#e9e6dc;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.77rem;display:grid}.local-profile strong,.local-profile small{font-size:.73rem;display:block}.local-profile small{color:#626f65;margin-top:2px;font-size:.65rem}.workspace{margin-left:224px}.topbar{border-bottom:1px solid var(--line);color:#626f65;background:#fbfcf9;justify-content:space-between;align-items:center;height:76px;padding:0 48px;font-size:.75rem;display:flex}.local-badge{color:#557451;align-items:center;gap:7px;display:flex}.local-badge>span{background:#83a575;border-radius:50%;width:6px;height:6px}.main-content{outline:none;max-width:1310px;margin:0 auto;padding:38px 48px 20px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.section-heading h1{margin-top:7px}.section-heading p{margin-top:8px;font-size:.87rem}.section-heading.small{margin:34px 0 19px}.section-heading.small h2{margin-top:5px;font-size:1.2rem}.eyebrow{letter-spacing:.13em;color:#626f65;font-size:.62rem;font-weight:650;line-height:1.5}.green-dot{color:#80a36a}.soft-label{color:#71816a;white-space:nowrap;background:#eef2e9;border-radius:7px;align-items:center;gap:6px;padding:8px 12px;font-size:.72rem;display:inline-flex}.hero{color:#fff;background:#275d49;border-radius:18px;grid-template-columns:1.15fr 1fr;min-height:322px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:34px 38px}.hero-label{letter-spacing:.15em;color:#cedcc2;align-items:center;gap:7px;font-size:.61rem;display:flex}.hero-label>span{background:#c7dc98;border-radius:50%;width:5px;height:5px}.hero h2{letter-spacing:-.055em;margin:15px 0 13px;font-size:1.95rem;line-height:1.55}.hero p{color:#c1d4c8;font-size:.8rem;line-height:1.9}.light-button{color:#2c5941;background:#f2f4e8;border-radius:8px;align-items:center;gap:22px;min-height:44px;margin-top:22px;padding:12px 18px;font-size:.78rem;font-weight:700;display:inline-flex}.light-button:hover{background:#fff}.hero-foot{color:#b3c9bc;align-items:center;gap:5px;margin-top:13px;font-size:.62rem;display:flex}.hero-art{min-height:322px;position:relative;overflow:hidden}.photo-paper{background:#f6f1e5;border-radius:3px;width:215px;height:247px;padding:8px 8px 0;position:absolute;top:25px;left:24px;transform:rotate(6deg);box-shadow:0 16px 30px #122e332b}.photo-paper img{object-fit:cover;object-position:50% 63%;width:100%;height:215px}.photo-paper>span{letter-spacing:.13em;color:#6c6b60;text-align:center;padding-top:7px;font-size:.42rem;display:block}.sound-card{background:#fffefa;border-radius:13px;align-items:center;gap:15px;padding:14px 17px;display:flex;position:absolute;bottom:32px;left:6px;transform:rotate(-4deg);box-shadow:0 8px 30px #183b4833}.sound-mic{color:#3b654c;background:#e9efdf;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.sound-bars{align-items:center;gap:4px;height:44px;display:flex}.sound-bars i{background:#6d9478;border-radius:4px;width:3px}.sound-card>span:last-child{color:#5d6d5c;font-variant-numeric:tabular-nums;font-size:.73rem}.art-note{color:#d2e0c2;letter-spacing:-.04em;font-size:.7rem;line-height:1.9;position:absolute;top:79px;right:24px;transform:rotate(8deg)}.art-star{color:#d3dfa5;font-size:38px;line-height:1;position:absolute;top:30px;right:45px;transform:rotate(12deg)}.stats-row{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:20px 25px;display:flex}.stats-row>div{align-items:center;gap:13px;display:flex}.stat-icon{color:#6a7e61;background:#f1f4ee;border-radius:10px;padding:11px}.stats-row>div>span:last-child{color:#626f65;font-size:.65rem}.stats-row strong{color:#2e4233;font-size:1.4rem;font-weight:700;line-height:1.5;display:block}.stats-row small{color:#626f65;margin-left:5px;font-size:.72rem;font-weight:400}.type-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;display:grid}.type-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;padding:18px 16px 14px;transition:transform .18s,border-color .18s,box-shadow .18s}.type-card:hover{border-color:#aebda9;transform:translateY(-4px);box-shadow:0 7px 15px #20382008}.type-icon{border-radius:11px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.sage{background:var(--sage);color:#55754c}.peach{background:var(--peach);color:#ab795c}.lavender{background:var(--lavender);color:#86719f}.blue{background:var(--blue);color:#668ca5}.butter{background:var(--butter);color:#9a884e}.type-no{color:#626f65;font-size:.66rem}.type-card h3{white-space:nowrap;margin:16px 0 8px;font-size:.88rem}.type-card p{word-break:keep-all;min-height:37px;font-size:.67rem;line-height:1.7}.type-card-bottom{color:#626f65;border-top:1px solid #f0f2ec;justify-content:space-between;align-items:center;margin-top:17px;padding-top:11px;font-size:.65rem;display:flex}.bottom-banner{background:#eef1e6;border:1px solid #e1e7d5;border-radius:12px;align-items:center;gap:18px;margin-top:26px;padding:22px;display:flex}.banner-icon{color:#71815d;background:#e1e8d3;border-radius:12px;padding:14px}.bottom-banner h2{font-size:.96rem}.bottom-banner p{margin-top:4px;font-size:.72rem}.bottom-banner button{white-space:nowrap;margin-left:auto}.page-footer{color:#97a092;border-top:1px solid var(--line);justify-content:space-between;gap:15px;margin-top:38px;padding-top:17px;font-size:.6rem;display:flex}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.text-button{color:#53744f;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:7px 0;font-size:.75rem;font-weight:550;display:inline-flex}.primary-button,.secondary-button,.record-button{border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px 18px;font-size:.8rem;font-weight:650;line-height:1.5;display:inline-flex}.primary-button{background:var(--green);color:#fff}.primary-button:hover{background:#194432}.secondary-button{color:#486144;background:#fff;border:1px solid #d5decf}.secondary-button:hover{background:#f0f4eb}.record-button{color:#fff;background:#aa473f}.icon-button{color:#71846b;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-height:36px;text-decoration:none;display:inline-flex}.icon-button:hover{background:#edf2e9}.full{width:100%}.center{margin:7px auto 0;display:flex}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;padding:25px}.hint{color:#82907d;font-size:.73rem;line-height:1.8}.notice,.error,.success{border-radius:8px;margin:12px 0;padding:12px 15px;font-size:.8rem}.notice{color:#7d6c3c;background:#f8f0d9}.error{color:#9a3f30;background:#fbece8}.success{color:#4a7039;background:#edf4e8}.type-tabs{flex-wrap:wrap;gap:8px;margin-bottom:25px;display:flex}.type-tabs button{background:#fff;border:1px solid #dce4d7;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:11px 16px;font-size:.8rem;display:flex}.type-tabs button[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}.type-intro{border-radius:13px;align-items:center;gap:20px;margin-bottom:24px;padding:28px;display:flex}.type-intro .type-icon{background:#ffffff80;width:65px;height:65px}.type-intro h2{margin:3px 0;font-size:1.4rem}.type-intro p{color:inherit;opacity:.85;font-size:.82rem}.time-label{white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:.75rem;display:flex}.practice-options{justify-content:space-between;align-items:center;gap:15px;display:flex}.segmented{background:#edf1e9;border-radius:9px;gap:3px;padding:4px;display:inline-flex}.segmented button{color:#74806d;white-space:nowrap;border-radius:6px;min-height:36px;padding:7px 14px;font-size:.75rem}.segmented button[aria-pressed=true]{color:#3b5e36;background:#fff;box-shadow:0 2px 5px #283b2710}.mode-picker{gap:17px;font-size:.77rem;display:flex}.mode-picker label{align-items:center;gap:5px;display:flex}.mode-description{margin:13px 0 18px}.question-list{gap:12px;display:grid}.question-row{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:18px;padding:20px 24px;display:flex}.question-row>img{object-fit:cover;border-radius:7px;width:95px;height:75px}.question-symbol{border-radius:12px;place-items:center;width:55px;height:55px;display:grid}.question-row-copy{flex:1}.question-row h3{margin:4px 0;font-size:.95rem}.question-row p{align-items:center;gap:4px;font-size:.69rem;display:flex}.bundle-callout{background:#f0f3ea;justify-content:space-between;align-items:center;gap:15px;margin:24px 0 10px;display:flex}.bundle-callout p{margin-top:6px;font-size:.78rem}.session-top{color:#83907b;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;font-size:.74rem;display:flex}.session-progress{background:#e5eadf;border-radius:9px;height:4px;margin-bottom:26px;overflow:hidden}.session-progress span{background:#7e9b68;height:100%;transition:width .3s;display:block}.practice-grid{grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);align-items:start;gap:22px;display:grid}.prompt-panel h1{margin:23px 0;font-size:1.45rem}.type-pill{border-radius:6px;align-items:center;gap:6px;padding:6px 9px;font-size:.66rem;font-weight:650;display:inline-flex}.question-photo{margin:12px 0}.question-photo img{object-fit:contain;background:#f1f2ee;border-radius:7px;width:100%;max-height:480px}.question-photo figcaption{color:#939e8e;text-align:right;margin-top:5px;font-size:.59rem}.passage,.example-text{color:#344539;letter-spacing:.005em;font-family:Georgia,Times New Roman,serif;font-size:1.32rem;line-height:1.85}.passage{padding:18px 0}.question-prompt{background:#f2f5ee;border-radius:9px;margin-top:18px;padding:20px}.question-prompt p{color:#354c3b;margin-top:9px;font-size:1.05rem;line-height:1.8}.guide-details{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font-size:.8rem}.guide-details p{margin-top:10px}.guide-details li{color:#829078;margin:5px 0}.recording-panel{text-align:center;padding:26px 22px;position:sticky;top:20px}.recording-panel h2{margin-top:11px}.timer-ring{background:conic-gradient(#8ca77b var(--progress),#edf1e9 0);border-radius:50%;place-items:center;width:160px;height:160px;margin:25px auto;padding:5px;display:grid}.timer-ring>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.timer-ring>div>span:last-child{color:#8e9a83;font-size:.69rem}.timer-number{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:3.15rem;font-weight:400;line-height:1.3}.is-recording .timer-ring{background:conic-gradient(#c87b6e var(--progress),#f5ece6 0)}.is-recording h2{color:#a64f44}.recording-help{word-break:keep-all;min-height:48px;margin-bottom:22px;font-size:.78rem;line-height:1.8}.recording-meta{color:#819078;border-top:1px solid var(--line);justify-content:center;align-items:center;gap:18px;margin-top:20px;padding-top:18px;font-size:.67rem;display:flex}.recording-meta>span{align-items:center;gap:4px;display:flex}.privacy-line{color:#8e9b86;justify-content:center;align-items:center;gap:4px;margin-top:17px;font-size:.62rem;display:flex}.voice-option{justify-content:center;align-items:center;gap:5px;margin-top:17px;font-size:.69rem;display:flex}.recording-panel .hint{margin-top:6px;font-size:.63rem}.waiting-material{text-align:center;color:#91a183;padding:70px 15px}.waiting-material h2{margin:18px 0 10px;font-size:.95rem}.waiting-material p{font-size:.77rem}.schedule{border:1px solid #e2e7dd;border-radius:9px;margin:15px 0;overflow-x:auto}.schedule table{border-collapse:collapse;color:#4d5d4d;width:100%;font-size:.73rem}.schedule caption{text-align:left;background:#f0f3e8;padding:18px}.schedule caption strong{color:#42543a;font-size:1.15rem;display:block}.schedule caption span{margin-top:4px;font-size:.65rem;display:block}.schedule th{text-align:left;letter-spacing:.03em;background:#f7f8f4;font-size:.65rem}.schedule th,.schedule td{border-bottom:1px solid #e9ede4;padding:11px}.schedule tr:last-child td{border-bottom:0}.review-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:22px;display:grid}.audio-player{align-items:center;gap:7px;margin:20px 0;display:flex}.audio-player audio{width:100%;min-width:0;height:42px}.small-badge{color:#7c8c72;white-space:nowrap;background:#f0f3eb;border-radius:5px;padding:5px 8px;font-size:.65rem}.field-label{margin:18px 0 8px;font-size:.8rem;font-weight:600;display:block}.field-label span{color:#95a08d;margin-left:4px;font-size:.65rem;font-weight:400}textarea{resize:vertical;color:#3e5138;background:#fdfefa;border:1px solid #dce4d6;border-radius:8px;width:100%;min-height:94px;padding:12px;font-size:.8rem;line-height:1.7}textarea::placeholder{color:#a2ab9a}details summary{cursor:pointer;color:#6b815b;min-height:40px;padding:9px 0;font-size:.77rem}details>p{margin:8px 0;font-size:.8rem}.assessment .hint{margin-top:12px}.check-list{color:#77866e;margin:18px 0 22px;padding:0;font-size:.75rem;list-style:none}.check-list li{align-items:flex-start;gap:8px;margin:8px 0;display:flex}.check-list svg{color:#97aa87;margin-top:3px}.assessment legend{margin-bottom:10px;font-size:.77rem;font-weight:600}.assessment fieldset{margin-top:17px}.score-options{gap:7px;display:flex}.score-options label{text-align:center;cursor:pointer;border:1px solid #dce4d5;border-radius:8px;flex:1;place-items:center;min-height:42px;font-size:.9rem;display:grid;position:relative}.score-options input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.score-options label:has(input:focus-visible){outline-offset:2px;outline:3px solid #9c702b}.score-options .selected{color:#42652d;background:#eaf1e3;border-color:#789660;font-weight:700}.score-description{color:#829476;min-height:22px;margin-top:7px;font-size:.68rem}.assessment .primary-button{margin-top:16px}.example-panel{margin-top:24px}.example-panel h2{margin-top:4px}.example-text{margin-top:21px}.translation{background:#f5f6f0;border-radius:8px;margin-top:18px;padding:16px;font-size:.78rem;line-height:1.9}.tip{color:#8a7c49;align-items:flex-start;gap:9px;margin-top:16px;font-size:.76rem;display:flex}.tip svg{margin-top:3px}.phrase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.phrase-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:20px}.phrase-card h3,.phrase-card h2{letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;font-weight:500}.phrase-card h2{margin:12px 0;font-size:1.35rem}.phrase-card p{margin-top:8px;font-size:.74rem}.phrase-card blockquote{color:#728068;border-left:2px solid #dbe5cd;margin:17px 0 6px;padding-left:12px;font-size:.78rem;line-height:1.8}.saved{color:#729851}.notebook .text-button{font-size:.7rem;display:flex}.review-footer{justify-content:space-between;margin-top:28px;display:flex}.between{text-align:center;color:#6e8e59;padding:65px 20px}.between h1{margin:20px;font-size:1.65rem}.between p{margin-bottom:30px;font-size:.85rem;line-height:1.9}.session-review-picker{margin-top:22px}.session-review-picker h2{margin-bottom:15px}.button-row{flex-wrap:wrap;gap:10px;display:flex}.history-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.history-card h2{margin:16px 0 8px;font-size:1.12rem}.history-meta{color:#829078;flex-wrap:wrap;gap:8px 12px;font-size:.66rem;display:flex}.history-meta strong{color:#557443;font-size:.68rem;font-weight:600}.saved-note{background:#f3f5ee;border-radius:8px;margin-bottom:12px;padding:13px 15px;font-size:.78rem}.empty-state{text-align:center;color:#8ca47b;background:#f5f7f0;border:1px dashed #cdd9c3;border-radius:15px;padding:75px 20px}.empty-state h2{color:#546c46;margin:22px 0 12px;font-size:1.3rem}.empty-state p{font-size:.85rem}.empty-state button{margin-top:26px}.about{max-width:820px}.about h1{margin:12px 0 30px}.about .panel h2{margin:27px 0 10px}.about .panel h2:first-child{margin-top:0}.about p{font-size:.85rem;line-height:1.95}.source-links{flex-wrap:wrap;gap:18px;margin-top:22px;font-size:.8rem;display:flex}.source-links a{align-items:center;gap:4px;display:flex}dialog{border:1px solid var(--line);width:calc(100% - 32px);max-width:440px;color:var(--ink);border-radius:16px;padding:27px;box-shadow:0 20px 100px #13201f30}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#20322966}dialog h2{font-size:1.1rem}.dialog-copy{margin:20px 0 26px;font-size:.83rem;line-height:1.8}dialog .button-row{justify-content:flex-end}@media (width>=1500px){.main-content{padding-top:44px}.hero-art{padding-right:40px}.photo-paper{left:55px}.sound-card{left:28px}.hero h2{font-size:2.2rem}.hero-copy{padding:38px 44px}.hero{min-height:348px}.type-card{padding:23px 21px 18px}}@media (width<=1180px){.sidebar{width:198px;padding-inline:14px}.workspace{margin-left:198px}.main-content{padding:30px}.topbar{padding:0 30px}.hero-art .art-note{display:none}.hero-art .art-star{right:18px}.hero h2{font-size:1.7rem}.hero-copy{padding:30px}.photo-paper{width:185px;left:10px}.sound-card{gap:9px;padding:12px;left:0}.sound-bars{gap:3px}.type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.type-card p{min-height:auto}.type-card h3{font-size:.95rem}.practice-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.time-label{font-size:.65rem}.phrase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-grid{grid-template-columns:1fr}.stats-row{padding:18px}.stats-row>.text-button{display:none}}@media (width<=820px){.sidebar{width:80px;padding:25px 10px}.brand-button{justify-content:center;padding:0;display:flex}.brand>span:last-child,.sidebar-caption,.nav-label,.sidebar nav button>span,.sidebar nav small,.sidebar-bottom{display:none}.brand{gap:0}.sidebar nav{margin-top:35px}.sidebar nav button{justify-content:center;padding:14px 8px}.workspace{margin-left:80px}.main-content{padding:26px}.topbar{height:64px;padding:0 26px}.hero h2{font-size:1.65rem}.hero-art .photo-paper{width:160px;height:225px;top:40px;left:5px}.photo-paper img{height:190px}.sound-card{gap:8px;bottom:40px}.sound-card>span:last-child{display:none}.sound-bars i{width:2px}.hero-foot{font-size:.56rem}.hero-copy{padding:27px}.practice-grid{grid-template-columns:1fr}.recording-panel{position:static}.timer-ring{width:130px;height:130px;margin:18px auto}.recording-help{min-height:0}.practice-options{align-items:flex-start}.time-label{margin-left:0}.type-intro{flex-wrap:wrap}.section-heading .soft-label{display:none}.question-row{padding:18px}.history-list{grid-template-columns:1fr}.bottom-banner{gap:12px;padding:20px}.bottom-banner h2{font-size:.88rem}.bottom-banner p{font-size:.65rem}.bottom-banner .secondary-button{padding:10px;font-size:.69rem}.banner-icon{display:none}}@media (width<=600px){.sidebar{width:100%;height:72px;padding:6px 8px calc(5px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;position:fixed;inset:auto 0 0}.brand-button{display:none}.sidebar nav{grid-template-columns:repeat(4,1fr);gap:4px;margin:0;display:grid}.sidebar nav button{border-radius:8px;flex-direction:column;gap:3px;min-height:56px;padding:6px 4px;font-size:.61rem}.sidebar nav button>span:not(.nav-dot){display:block}.sidebar nav button .nav-dot{display:none}.sidebar nav svg{width:19px;height:19px}.sidebar nav button[aria-current]{background:#edf3e7}.workspace{margin-left:0;padding-bottom:78px}.topbar{height:58px;padding:0 20px;font-size:.65rem}.topbar>span:first-child{font-size:.64rem}.main-content{padding:25px 20px 18px}.section-heading{gap:10px;margin-bottom:22px}.section-heading h1{word-break:keep-all;margin-top:8px;font-size:1.6rem}.section-heading p{font-size:.77rem;line-height:1.8}.eyebrow{letter-spacing:.12em;font-size:.55rem}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:27px 25px}.hero h2{margin-top:14px;font-size:1.6rem;line-height:1.55}.hero p{font-size:.73rem}.hero-art{display:none}.hero-foot{font-size:.58rem}.light-button{margin-top:20px;font-size:.77rem}.stats-row{gap:5px;margin-top:14px;padding:17px 10px}.stats-row>div{text-align:center;flex:1;display:block}.stat-icon{display:none}.stats-row>div>span:last-child{font-size:.6rem}.stats-row strong{margin-top:4px;font-size:1.35rem}.stats-row small{font-size:.65rem}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.type-card{padding:16px 15px}.type-card h3{font-size:.88rem}.type-card p{word-break:keep-all;min-height:35px;font-size:.65rem}.type-card:last-child{grid-column:1/-1;grid-template-columns:48px 1fr 30px;align-items:center;column-gap:14px;display:grid}.type-card:last-child>.row{grid-row:1/3}.type-card:last-child .type-no{display:none}.type-card:last-child h3{margin:0}.type-card:last-child p{grid-column:2;min-height:0;margin-top:4px}.type-card:last-child .type-card-bottom{border:0;grid-area:1/3/3;margin:0;padding:0}.type-card:last-child .type-card-bottom>span{display:none}.type-icon{width:39px;height:39px}.section-heading.small{margin-top:28px}.section-heading.small h2{font-size:1.04rem}.section-heading.small>.hint{display:none}.bottom-banner{padding:22px;display:block}.bottom-banner h2{font-size:1rem}.bottom-banner p{font-size:.73rem;line-height:1.8}.bottom-banner button{margin:17px 0 0;font-size:.75rem!important}.page-footer{margin-top:28px;font-size:.54rem;line-height:1.9;display:block}.page-footer>span{display:block}.type-tabs{gap:7px;margin-bottom:18px}.type-tabs button{min-height:40px;padding:8px 11px;font-size:.7rem}.type-intro{gap:13px;padding:21px}.type-intro .type-icon{width:48px;height:48px}.type-intro h2{font-size:1.2rem}.type-intro .eyebrow{font-size:.5rem}.type-intro p{font-size:.68rem}.type-intro .time-label{width:100%;margin-top:3px}.practice-options{flex-wrap:wrap}.mode-picker{font-size:.7rem}.segmented button{padding:6px 12px}.question-row{flex-wrap:wrap;gap:12px;padding:16px 13px}.question-row>img{width:70px;height:70px}.question-row-copy{min-width:170px}.question-row h3{font-size:.88rem}.question-row .secondary-button{min-height:38px;margin-left:auto;padding:8px 13px;font-size:.7rem}.question-symbol{width:42px;height:42px}.bundle-callout{padding:21px;display:block}.bundle-callout h2{font-size:1rem}.bundle-callout button{margin-top:18px}.panel{padding:20px}.session-main{padding:17px 16px}.session-top{gap:6px;font-size:.62rem}.session-top .text-button{font-size:.67rem}.session-progress{margin-bottom:19px}.prompt-panel h1{margin:18px 0;font-size:1.2rem}.passage,.example-text{font-size:1.15rem;line-height:1.9}.question-prompt{padding:15px}.question-prompt p{font-size:.95rem}.question-photo img{max-height:400px}.schedule th,.schedule td{padding:9px 6px;font-size:.62rem}.schedule caption{padding:13px}.schedule caption strong{font-size:.95rem}.recording-panel{padding:23px}.review-grid{gap:18px}.review-content>.section-heading{display:block}.review-content>.section-heading button{margin-top:17px;font-size:.72rem}.review-content h1{font-size:1.5rem}.example-panel>.row{display:block}.example-panel .segmented{margin-top:16px}.example-panel h2{font-size:1.1rem}.phrase-grid{grid-template-columns:1fr}.phrase-card{padding:20px}.review-content .small{display:block}.review-content .small>p{font-size:.73rem}.assessment h2{font-size:1.1rem}.history-meta{font-size:.61rem}.history-card h2{font-size:1.07rem}.empty-state{padding:55px 20px}.empty-state h2{font-size:1.1rem}.empty-state p{font-size:.75rem}.about h1{font-size:1.6rem}.session-review-picker .button-row{gap:6px}.session-review-picker button{padding:8px 10px;font-size:.7rem}}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}@media (width<=600px){.dev-feedback{bottom:90px!important}.sidebar{height:calc(72px + env(safe-area-inset-bottom))}.workspace{padding-bottom:calc(78px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.type-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 30px;display:grid}.type-lesson-card{flex-direction:column;gap:15px;min-width:0;display:flex}.type-lesson-card .row{flex-wrap:wrap;gap:10px}.type-lesson-title{align-items:center;gap:13px;display:flex}.type-lesson-title .type-icon{flex-shrink:0;width:42px;height:42px}.type-lesson-card .primary-button{justify-content:space-between;margin-top:auto}.lesson-library-caption{margin-top:22px}.reading-supported .hint{margin:16px 0 8px}.reading-supported .passage{margin-top:8px}.reading-pause{color:#9b6519;font-weight:800}.lesson-record-review .score-options{gap:8px;display:flex}.lesson-record-review .score-options label{flex:1;min-width:0}.lesson-record-review .score-options label span{min-width:0}@media (width<=600px){.type-lesson-grid{grid-template-columns:1fr;gap:13px}.type-lesson-card{padding:20px}.type-lesson-title h3{font-size:.95rem}.lesson-record-review .score-options{gap:5px}.lesson-record-review .score-options label{padding:0}.lesson-record-review .score-options label span{padding:10px 0}}.practice-bank-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.practice-bank-filters label{gap:7px;font-size:.8rem;font-weight:650;display:grid}.practice-bank-filters select{width:100%;min-width:0;min-height:46px;color:var(--ink);background:#fff;border:1px solid #ccd7c7;border-radius:8px;padding:10px}.bank-card-actions{gap:8px;margin-top:auto;display:grid}.bank-card-actions .text-button{justify-content:center;min-height:44px;font-size:.76rem}.bank-loop-note{margin-top:8px;font-size:.73rem;line-height:1.8}.bank-cycle{margin-bottom:10px}@media (width<=600px){.practice-bank-filters{gap:10px}.practice-bank-filters label{font-size:.74rem}.practice-bank-filters select{padding:9px 6px;font-size:.78rem}}.lesson-overview{background:#f0f4eb;margin:24px 0}.lesson-overview .row{gap:14px}.lesson-overview h2{margin-top:5px;font-size:1.1rem}.lesson-overview strong{color:var(--green);flex-shrink:0;font-size:2rem}.lesson-overview progress{appearance:none;margin:16px 0 11px}.lesson-overview p{margin-bottom:4px;font-size:.8rem}.lesson-entry{background:#fffdf7;border-color:#b2c6a8;justify-content:space-between;align-items:center;gap:24px;margin:20px 0;display:flex}.lesson-entry h3{margin:5px 0;font-size:1.1rem}.lesson-entry p{margin:7px 0;font-size:.82rem}.lesson-entry button{flex-shrink:0}.photo-lesson-status{color:var(--green);margin:8px 0 12px;font-size:.72rem}.photo-lesson-button{justify-content:space-between;width:100%;min-height:44px;padding:10px 13px;font-size:.77rem}.photo-card .photo-lesson-button+.text-button{margin-top:6px;font-size:.7rem}.picture-lesson>progress{appearance:none;height:7px;margin:19px 0}.lesson-stepper{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 22px;padding:0;list-style:none;display:grid}.lesson-stepper li{color:var(--muted);background:#ecefe9;border-radius:9px;align-items:center;gap:8px;padding:11px;font-size:.78rem;display:flex}.lesson-stepper li>span{border:1px solid #becbbb;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:.7rem;display:grid}.lesson-stepper li[aria-current=step]{background:var(--green);color:#fff;font-weight:700}.lesson-step-copy{margin:22px 0}.lesson-step-copy h2{margin-bottom:6px;font-size:1.25rem}.lesson-step-copy p{font-size:.85rem}.lesson-model-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;display:grid}.lesson-model-grid h1{margin-bottom:20px;font-size:1.3rem}.lesson-model h2{margin:9px 0}.lesson-model .example-text{margin:22px 0}.lesson-model .translation{margin-top:16px}.lesson-pattern{background:#f1f4ed;border-radius:10px;margin:19px 0;padding:17px;font-size:.8rem}.lesson-pattern strong{margin-bottom:8px;display:block}.lesson-pattern p+p{margin-top:8px}.lesson-check{align-items:flex-start;gap:10px;min-height:44px;padding:14px 0;font-size:.84rem;display:flex}.lesson-check input{flex-shrink:0;width:18px;height:18px;margin-top:4px}.lesson-support{border-top:1px solid var(--line);margin-top:21px;padding-top:20px}.lesson-support h2{margin-bottom:9px;font-size:1.05rem}.lesson-cloze{color:var(--ink);overflow-wrap:anywhere;margin-top:17px;font-size:1.15rem;line-height:2.5}.cloze-blank{color:#305b3c;min-height:44px;font:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#e8efe1;border-bottom:2px solid #668b58;border-radius:5px;padding:8px 12px;display:inline}.cloze-blank.revealed{background:#f5e7bd}.lesson-cues{flex-wrap:wrap;gap:10px;margin:19px 0;padding:0;list-style:none;display:flex}.lesson-cues li{color:#315c43;background:#e9efe1;border:1px solid #d6e0cd;border-radius:8px;padding:10px 14px;font-size:1rem}.lesson-record-review{max-width:780px;margin:0 auto}.lesson-record-review h2{margin:8px 0}.lesson-record-review>p{margin:8px 0;font-size:.85rem}.lesson-record-review .audio-block{margin:20px 0}.lesson-record-review .review-footer{margin-top:24px}.lesson-score{margin:20px 0}.lesson-score legend{font-weight:650}.lesson-score .score-options{margin:14px 0}.lesson-complete h1{margin:10px 0;font-size:1.7rem}.lesson-complete>h2{margin:25px 0 17px;font-size:1.12rem}.lesson-comparison{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.lesson-comparison article{border:1px solid var(--line);background:#f7f9f4;border-radius:11px;min-width:0;padding:20px}.lesson-comparison h3{margin-bottom:13px}.lesson-comparison p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}.lesson-review-note{background:#f3eedc;border-radius:10px;margin:22px 0;padding:20px}.lesson-review-note h3{margin-bottom:8px}.lesson-review-note p{font-size:.82rem}.lesson-review-note .hint{margin-top:8px}.lesson-complete .button-row{flex-wrap:wrap}.lesson-error{background:#fff1ec;border-radius:8px;margin:20px 0;padding:16px}.lesson-model h2:focus,.lesson-record-review h2:focus,.lesson-complete h1:focus{outline:none}@media (width<=1000px){.lesson-model-grid{grid-template-columns:1fr}.lesson-stepper li{text-align:center;flex-direction:column;gap:5px;padding:10px 5px}}@media (width<=600px){.lesson-overview{padding:19px}.lesson-overview h2{word-break:keep-all;font-size:.95rem}.lesson-overview strong{font-size:1.6rem}.lesson-overview p{font-size:.7rem}.lesson-entry{padding:20px;display:block}.lesson-entry p{font-size:.75rem;line-height:1.9}.lesson-entry button{justify-content:center;width:100%;margin-top:18px}.lesson-stepper{gap:5px}.lesson-stepper li{word-break:keep-all;padding:9px 3px;font-size:.62rem}.lesson-stepper li>span{width:22px;height:22px}.lesson-step-copy h2{font-size:1.1rem}.lesson-step-copy p{font-size:.77rem;line-height:1.8}.lesson-cloze{font-size:1.03rem;line-height:2.65}.cloze-blank{padding:9px 11px}.lesson-model .example-text{font-size:1.1rem}.lesson-check{font-size:.78rem}.lesson-comparison{grid-template-columns:1fr}.lesson-complete h1{font-size:1.3rem}.lesson-complete .button-row>button{justify-content:center;width:100%}.lesson-record-review .review-footer>button{flex:1;justify-content:center;font-size:.75rem}.lesson-cues li{font-size:.94rem}.lesson-overview .hint{font-size:.67rem}}.hero-library-link{color:#edf5e8;text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;margin-top:5px;padding:5px 0;font-size:.76rem;text-decoration:underline;display:flex}.picture-library{margin:30px 0 36px}.photo-library-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.photo-library-heading h2{margin:7px 0 10px;font-size:1.5rem}.photo-library-heading p{font-size:.83rem}.photo-total{color:var(--green);text-align:center;font-size:3rem;font-weight:700;line-height:1}.photo-total small{letter-spacing:.15em;margin-top:9px;font-size:.55rem;display:block}.photo-filters{flex-wrap:wrap;gap:8px;margin:24px 0 18px;display:flex}.photo-filters button{border:1px solid var(--line);background:#fff;border-radius:24px;min-height:44px;padding:9px 14px;font-size:.77rem}.photo-filters button[aria-pressed=true]{color:#fff;background:var(--green);border-color:var(--green)}.photo-filters button:hover{box-shadow:0 0 0 2px #d9e4d5}.photo-start{background:#eef3e9;justify-content:space-between;align-items:center;gap:22px;display:flex}.photo-start h3{font-size:1.05rem}.photo-start p{margin:6px 0;font-size:.8rem}.photo-start button{flex-shrink:0}.photo-result{margin:22px 0 14px;font-size:.77rem}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.photo-card{border:1px solid var(--line);background:#fff;border-radius:13px;min-width:0;overflow:hidden}.photo-preview{aspect-ratio:4/3;background:#e8ece5;justify-content:center;align-items:center;padding:8px;display:flex}.photo-preview img{object-fit:contain;width:100%;height:100%}.photo-card-copy{padding:16px 17px}.photo-card h3{margin:6px 0;font-size:.95rem}.photo-card .text-button{justify-content:space-between;width:100%;min-height:44px;font-size:.75rem}.photo-skip{margin-top:12px}.prompt-panel h1:focus{outline:none}.exam-set-options{border-top:1px solid var(--line);padding-top:18px}.exam-set-options>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:.86rem}.exam-set-options[open]>summary{margin-bottom:12px}@media (width<=1100px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.photo-library-heading{gap:12px}.photo-library-heading h2{font-size:1.18rem}.photo-library-heading p{font-size:.75rem;line-height:1.8}.photo-total{font-size:2.3rem}.photo-filters{gap:7px;margin-top:19px}.photo-filters button{padding:8px 12px;font-size:.73rem}.photo-start{padding:20px;display:block}.photo-start h3{font-size:1rem}.photo-start p{font-size:.72rem}.photo-start button{justify-content:center;width:100%;margin-top:17px}.photo-grid{grid-template-columns:1fr;gap:16px}.photo-card-copy{padding:15px 19px}.photo-card h3{font-size:1rem}.photo-preview{aspect-ratio:4/3}.photo-result{font-size:.72rem}.session-top{flex-wrap:wrap}.review-footer{flex-wrap:wrap;gap:12px}.review-footer button{min-height:44px}.hero-library-link{font-size:.72rem}}progress{accent-color:#49785c;background:#e5ebe2;border:0;border-radius:20px;width:100%;height:6px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#e5ebe2;border-radius:20px}progress::-webkit-progress-value{background:#49785c;border-radius:20px}progress::-moz-progress-bar{background:#49785c;border-radius:20px}.home-type-progress{margin-top:15px}.home-type-progress progress{height:4px}.type-card-bottom{border-top:0;margin-top:9px;padding-top:0;line-height:1.8}.learning-overview{margin-bottom:30px}.learning-overview>.section-heading{margin-top:10px}.learning-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.learning-card{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;padding:17px}.learning-card .type-icon{border-radius:10px;width:35px;height:35px}.learning-card h3{margin:12px 0 4px;font-size:.88rem}.learning-count{align-items:baseline;gap:5px;font-size:.7rem;display:flex}.learning-count strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:700}.learning-card progress{margin:10px 0 6px}.learning-card .hint{font-size:.66rem;line-height:1.7}.learning-average{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.learning-average>span{color:var(--muted);font-size:.65rem;display:block}.learning-average strong{color:var(--green);margin-top:4px;font-size:.86rem;font-weight:650;line-height:1.7;display:block}.learning-average strong.no-average{color:var(--muted);font-size:.73rem;font-weight:400}.average-explanation{margin-top:12px;line-height:1.8}.history-filters{background:#eff3eb;border-radius:12px;align-items:flex-end;gap:14px;padding:19px 22px;display:flex}.history-filters>div{min-width:0}.history-filters>div:first-child{flex:1}.history-filters>div:nth-child(2){flex:2}.history-filters label{margin-bottom:7px;font-size:.76rem;font-weight:600;display:block}.history-filters>.text-button{white-space:nowrap;min-height:44px}.history-filters select,.comparison-answer select{width:100%;min-width:0;min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #cdd8c8;border-radius:8px;padding:9px 32px 9px 11px;font-size:.78rem}.history-filters select:focus-visible,.comparison-answer select:focus-visible{outline-offset:3px;outline:3px solid #9c702b}.history-result-count{margin:16px 0;font-size:.77rem}.history-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:13px;margin-top:20px;padding-top:15px;display:flex}.history-actions .secondary-button{min-height:42px;padding:9px 12px;font-size:.74rem}.history-actions>.hint{flex-basis:100%}.attempt-score{color:var(--green);margin:12px 0;font-size:.83rem;font-weight:650}.attempt-note{margin-top:16px}.attempt-note h3{color:var(--muted);letter-spacing:0;margin-bottom:5px;font-size:.72rem}.attempt-note p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.attempt-note .saved-note{margin:0}.saved-answer{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;font-size:.85rem}.audio-status:empty{display:none}.comparison-panel{background:#fbfcf8;border:1px solid #b8cbb5}.comparison-panel>.section-heading{align-items:flex-start;margin-top:0;margin-bottom:14px}.comparison-panel h2:focus{outline:none}.comparison-panel>.notice{margin:16px 0}.comparison-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:21px;display:grid}.comparison-answer{border:1px solid var(--line);background:#fff;border-radius:11px;min-width:0;padding:22px}.comparison-answer .field-label{margin:0 0 8px}.comparison-answer .history-meta{margin-top:15px}.comparison-answer .danger-text{color:#9b493e;margin-top:20px;font-size:.72rem}.comparison-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:23px;display:flex}.comparison-footer p{font-size:.8rem}.comparison-footer button{white-space:nowrap}.empty-state.compact{padding:40px 20px}@media (width<=1180px){.learning-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-card{padding:15px}.comparison-answer{padding:18px}}@media (width<=820px){.history-filters{flex-wrap:wrap}.history-filters>div:first-child{flex:130px}.history-filters>div:nth-child(2){flex:2 230px}.comparison-grid{grid-template-columns:1fr}.comparison-footer{flex-direction:column;align-items:flex-start}}@media (width<=600px){.type-card:last-child .home-type-progress{grid-area:3/1/auto/-1;margin-top:14px;display:block}.type-card:last-child .type-card-bottom{grid-area:4/1/auto/-1;margin-top:8px}.type-card:last-child .type-card-bottom>span{display:block}.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.learning-card:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;column-gap:22px;display:grid}.learning-card:last-child>.row,.learning-card:last-child h3{grid-column:1}.learning-card:last-child .learning-count{grid-area:1/2/3;justify-content:flex-end;align-self:center}.learning-card:last-child progress,.learning-card:last-child>.hint{grid-column:1}.learning-card:last-child .learning-average{text-align:right;border:0;grid-area:3/2/5;margin:0;padding:0}.learning-card h3{font-size:.82rem}.learning-average strong{font-size:.79rem}.learning-overview>.section-heading{display:block}.learning-overview>.section-heading>.hint{margin-top:6px;display:block}.history-filters{gap:11px;padding:17px}.history-filters>div:nth-child(n){flex:100%}.history-filters select,.comparison-answer select{font-size:16px}.history-filters>.text-button{min-height:34px}.history-result-count{font-size:.7rem}.comparison-panel{padding:18px 13px}.comparison-panel>.section-heading{display:block}.comparison-panel>.section-heading button{margin-top:15px}.comparison-panel h2{font-size:1.08rem}.comparison-panel>.hint{font-size:.7rem}.comparison-answer{padding:16px}.comparison-footer{gap:15px}.comparison-footer p{font-size:.74rem}.comparison-footer button{justify-content:center;width:100%}.history-actions{gap:14px}.attempt-score{font-size:.8rem}}.types-main .section-heading{margin-bottom:18px}.types-main .type-intro{gap:16px;margin:18px 0;padding:18px 20px}.types-main .type-intro h2{font-size:1.15rem}.types-main .type-intro .type-icon{width:44px;height:44px}.types-main .type-intro p{margin-top:3px}.compact-explorer{margin:16px 0 28px}.compact-overview{margin:16px 0;padding:14px 18px}.compact-overview .eyebrow{display:none}.compact-overview h2{margin:0;font-size:.95rem}.compact-overview strong{font-size:1.45rem}.compact-overview progress{margin:9px 0 7px}.compact-overview p{font-size:.73rem}.compact-overview .hint{font-size:.68rem}.explorer-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;display:grid}.explorer-toolbar label{gap:5px;font-size:.77rem;font-weight:650;display:grid}.explorer-toolbar select{width:100%;min-width:0;min-height:48px;color:var(--ink);background:#fff;border:1px solid #b8c7b5;border-radius:8px;padding:10px 12px;font-size:1rem}.explorer-toolbar .primary-button{white-space:nowrap;min-height:48px}.explorer-status{min-width:0;margin:16px 0 12px}.explorer-status legend{margin-bottom:6px;font-size:.73rem;font-weight:600}.explorer-status>div{gap:7px;display:flex}.explorer-status label{cursor:pointer;white-space:nowrap;background:#edf1e9;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 14px;font-size:.8rem;display:flex;position:relative}.explorer-status label.selected{color:var(--green);background:#fff;border-color:#7c9c73;font-weight:700}.explorer-status small{opacity:.8;font-size:.68rem;font-weight:400}.explorer-status input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.explorer-status label:has(input:focus-visible){outline-offset:3px;outline:3px solid #9c702b}.explorer-status:disabled label{opacity:.55;cursor:default}.explorer-result{justify-content:space-between;align-items:start;gap:18px;margin:12px 0;display:flex}.explorer-result>p{font-size:.74rem}.explorer-result details{max-width:440px;font-size:.75rem}.explorer-result summary{cursor:pointer;min-height:30px}.explorer-result details p{margin:9px 0;line-height:1.8}.compact-question-list.type-lesson-grid,.compact-question-list.photo-grid{grid-template-columns:1fr;gap:10px;margin:14px 0;display:grid}.compact-question-row.type-lesson-card,.compact-question-row.photo-card{background:#fff;border-radius:10px;grid-template-columns:36px minmax(0,1fr) 154px;align-items:center;gap:16px;min-width:0;padding:15px 18px;display:grid}.compact-question-row.photo-card{grid-template-columns:104px minmax(0,1fr) 154px}.compact-question-copy{min-width:0}.compact-question-copy h3{overflow-wrap:anywhere;margin:5px 0;font-size:1rem}.compact-question-copy h3:focus{outline-offset:4px;border-radius:3px;outline:3px solid #9c702b}.compact-question-copy .eyebrow{font-size:.65rem}.compact-question-meta{flex-wrap:wrap;align-items:center;gap:3px 10px;font-size:.72rem;display:flex}.compact-question-meta svg{margin-right:-6px}.explorer-task-icon{color:var(--green);background:#edf2e8;border-radius:9px;place-items:center;width:34px;height:36px;display:grid}.compact-question-actions{align-content:center;gap:2px;display:grid}.compact-question-actions .primary-button{justify-content:space-between;min-height:44px;margin:0;padding:9px 12px;font-size:.77rem}.compact-question-actions .text-button{justify-content:center;width:100%;min-height:36px;font-size:.72rem}.compact-question-row .photo-preview{aspect-ratio:auto;border-radius:6px;width:104px;height:78px;padding:3px}.compact-question-row .photo-preview img{object-fit:contain;width:100%;height:100%}.explorer-more{justify-content:center;align-items:center;gap:18px;margin:18px 0 28px;display:flex}.explorer-more button{min-height:48px}.explorer-photo-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.compact-explorer .photo-filters{margin:16px 0}.compact-explorer .photo-filters button{padding:8px 12px}.types-main .exam-set-options{margin-top:24px}@media (width<=600px){.types-main .section-heading{margin-bottom:15px}.types-main .section-heading h1{font-size:1.5rem}.types-main .type-intro{gap:11px;margin:15px 0;padding:13px}.types-main .type-intro .eyebrow{display:none}.types-main .type-intro h2{font-size:1rem}.types-main .type-intro p{font-size:.72rem}.types-main .type-intro .type-icon{width:35px;height:35px}.types-main .type-intro .time-label{font-size:.65rem}.compact-overview{padding:12px 14px}.compact-overview h2{font-size:.85rem}.compact-overview strong{font-size:1.3rem}.compact-overview p{font-size:.69rem}.compact-overview .hint{font-size:.64rem}.explorer-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:10px}.explorer-toolbar .primary-button{gap:7px;padding:11px 12px;font-size:.75rem}.explorer-toolbar select{padding:10px 7px}.explorer-status>div{gap:4px}.explorer-status label{flex:1;gap:4px;min-width:0;padding:10px 4px;font-size:.74rem}.explorer-status small{font-size:.63rem}.explorer-result{gap:10px}.explorer-result>p{font-size:.69rem}.explorer-result details{flex-shrink:0;max-width:46%;font-size:.69rem}.compact-question-row.type-lesson-card,.compact-question-row.photo-card{grid-template-columns:26px minmax(0,1fr);gap:10px;padding:13px}.compact-question-row.photo-card{grid-template-columns:78px minmax(0,1fr)}.compact-question-row .photo-preview{width:78px;height:64px}.compact-question-copy h3{font-size:.95rem}.compact-question-copy .eyebrow{font-size:.61rem}.compact-question-meta{column-gap:8px;font-size:.66rem}.explorer-task-icon{width:26px;height:30px}.compact-question-actions{flex-direction:row-reverse;grid-column:1/-1;align-items:center;gap:10px;display:flex}.compact-question-actions .primary-button{flex:1;justify-content:center;max-width:190px}.compact-question-actions .text-button{width:auto;min-height:44px;padding:6px 10px}.explorer-more{margin-bottom:23px}.explorer-photo-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.explorer-photo-actions button{justify-content:center;padding:11px 7px;font-size:.75rem}}.practice-focus{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start;gap:20px}.practice-side{gap:16px;min-width:0;display:grid}.practice-help{min-width:0;padding:22px}.practice-help .lesson-support{border:0;margin:0;padding:0}.practice-help .guide-details{margin:0}.practice-help .lesson-cloze{font-size:1.08rem;line-height:2.5}.practice-help .reading-supported .passage{font-size:1.1rem}.practice-focus .recording-panel{padding:20px}.recording-dock-info{justify-content:space-between;align-items:center;gap:14px;display:flex}.recording-dock-info h2{margin:5px 0;font-size:1.12rem}.recording-dock .timer-ring{flex-shrink:0;width:78px;height:78px;margin:0}.recording-dock .timer-ring>div{width:66px;height:66px}.recording-dock .timer-number{font-size:1.7rem}.recording-dock .timer-ring>div>span:last-child{font-size:.56rem}.recording-actions{margin-top:13px}.recording-actions button{min-height:48px}.recording-dock .error{margin:10px 0 0;font-size:.82rem}.recording-actions .automatic-phase{background:#eef2e9;border-radius:8px;place-items:center;min-height:44px;display:grid}.practice-focus .recording-help{margin:14px 0 9px;font-size:.8rem;line-height:1.8}.practice-focus .recording-meta{margin-top:13px}.lesson-step-toggle{display:none}.schedule{overscroll-behavior-inline:contain;max-width:100%;overflow:auto}.schedule table{min-width:460px}.schedule th{z-index:1;background:#f5f7f1;position:sticky;top:0}.schedule:focus-visible{outline-offset:4px;outline:3px solid #9c702b}.lesson-comparison{gap:12px}.lesson-comparison article{padding:16px}.lesson-comparison .audio-block{margin:12px 0}.personal-plan{background:#f2f6ef;border-radius:12px;margin:22px 0;padding:16px}.personal-plan .hint{margin:6px 0 10px}.personal-plan textarea{width:100%;min-height:90px;font-size:1rem}.personal-plan-saved{overflow-wrap:anywhere;background:#f2f6ef;border-left:3px solid #72946d;border-radius:8px;margin-top:16px;padding:14px}.personal-plan-saved p{white-space:pre-wrap;color:var(--ink);margin-top:5px}.review-audio-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0;display:grid}.review-audio-comparison>div,.earlier-answers{border:1px solid var(--line);border-radius:12px;min-width:0;padding:16px}.earlier-answers select{width:100%;min-width:0;min-height:48px;color:var(--ink);background:#fff;border:1px solid #a5b7a4;border-radius:8px;padding:10px;font-size:1rem}.earlier-answers select:focus-visible{outline-offset:3px;outline:3px solid #9c702b}.earlier-answers .field-label{margin-top:10px}.earlier-answers .audio-block{margin-top:12px}.previous-comparisons{margin:18px 0}.previous-comparisons summary{cursor:pointer;color:var(--green);padding:10px 0;font-weight:700}@media (width<=700px){.review-audio-comparison{grid-template-columns:1fr}}@media (width<=1000px){.practice-focus{grid-template-columns:minmax(0,1fr)}}@media (width<=760px),(width<=1000px) and (height<=500px){html:has(.recording-dock){scroll-padding-bottom:calc(240px + env(safe-area-inset-bottom,0px))}:is(.app-shell:has(.recording-dock) .sidebar,.app-shell:has(.recording-dock) .topbar,.app-shell:has(.recording-dock) .page-footer){display:none}.app-shell:has(.recording-dock) .workspace{margin-left:0}.session-main:has(.recording-dock){padding:16px 16px calc(250px + env(safe-area-inset-bottom,0px))}.practice-focus{gap:14px}.practice-focus .prompt-panel{padding:19px 16px}.practice-focus .prompt-panel h1{scroll-margin-top:65px}.practice-help{padding:18px 16px}.practice-help .lesson-cloze{font-size:1.04rem}.practice-focus .recording-panel{padding:14px 16px}.recording-dock{z-index:40;padding:11px max(16px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:#fbfcf9;border-top:1px solid #b9cdb2;max-height:60dvh;position:fixed;inset:auto 0 0;overflow:auto;box-shadow:0 -5px 24px #1a392816}.recording-dock-info h2{margin:0;font-size:1rem}.recording-dock-info .eyebrow{display:none}.recording-dock .timer-ring{background:0 0;width:auto;height:34px}.recording-dock .timer-ring>div{background:0 0;flex-direction:row;align-items:baseline;gap:6px;width:auto;height:auto;display:flex}.recording-dock .timer-ring>div>span:last-child{font-size:.7rem}.recording-dock .timer-number{font-size:1.8rem;line-height:1.1}.recording-actions{margin-top:8px}.recording-actions .full{padding:12px}.recording-dock .error{margin-top:8px;font-size:.78rem;line-height:1.6}body:has(.recording-dock) .dev-feedback{bottom:calc(160px + env(safe-area-inset-bottom,0px))!important}.picture-lesson>progress{height:5px;margin:10px 0}.lesson-step-toggle{z-index:5;width:100%;min-height:44px;color:var(--green);background:#edf2e8;border:1px solid #c9d7c3;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;padding:10px 12px;font-size:.8rem;display:flex;position:sticky;top:0}.lesson-step-toggle>span:last-child{font-size:.72rem}.lesson-stepper:not(.expanded){display:none}.lesson-stepper.expanded{margin:9px 0 12px}.lesson-step-copy{margin:14px 0}.lesson-step-copy h2{font-size:1rem}.lesson-step-copy p{font-size:.75rem;line-height:1.7}.session-top{gap:10px;font-size:.7rem}.lesson-comparison article{padding:14px}.lesson-complete>h2{margin-top:18px}.lesson-complete .lesson-review-note{padding:15px}}@media (width<=1000px) and (height<=500px){.recording-dock{grid-template-columns:minmax(0,1fr) minmax(200px,.9fr);align-items:center;gap:10px 22px;display:grid}.recording-actions{margin:0}.recording-dock .error{grid-column:1/-1}body:has(.recording-dock) .dev-feedback{bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}}:root{--green:#805039;--ink:#40342d;--muted:#6d5c52;--line:#e8ddd2;--paper:#fffdfb;--sage:#f5e8dc;--peach:#f8e9de;--blue:#e9eeef;--butter:#f5edda;color:var(--ink);background:#f9f6f1}body{background:#f9f6f1}.sidebar,.topbar{border-color:var(--line);background:#fffaf5}.sidebar nav button{color:#69594f}.sidebar nav button[aria-current]{color:#75462f;background:#f4e8dc}.sidebar nav button:hover{background:#f8efe7}.hint{color:#6d5c52}.eyebrow{color:#8b6048}.brand-mark{background:#805039}.brand-dot,.green-dot{color:#bc815f}.panel,.type-card,.learning-card,.photo-card,.compact-question-row.type-lesson-card,.compact-question-row.photo-card{border-color:var(--line);background:#fffdfb;border-radius:16px}.hero{background:#704a36;border-radius:20px}.hero-label span{background:#efc2a3}.hero .light-button{color:#68412e}.hero .art-note{color:#fff0e3}.primary-button{color:#fff;background:#805039;border-radius:12px}.primary-button:hover:not(:disabled){background:#6d412d}.secondary-button{color:#75462f;background:#fffdfb;border-color:#cbb5a4;border-radius:12px}.text-button,a{color:#805039}.soft-label,.gentle-note,.lesson-overview,.lesson-pattern,.personal-plan-saved{background:#f7eee5}.soft-label{color:#745b4c}.type-tabs button[aria-pressed=true],.segmented button[aria-pressed=true]{color:#fff;background:#805039}.explorer-status label{background:#f5ece3}.explorer-status label.selected{color:#75462f;background:#fffdfb;border-color:#b98c70}.explorer-task-icon,.type-icon{color:#805039}.compact-question-row .primary-button{border-radius:10px}.lesson-step-toggle{color:#75462f;background:#f7eee5;border-color:#dfcdbc}.lesson-stepper li.done{color:#75462f;background:#f1e4d8}progress::-webkit-progress-bar{background:#eee4dc}progress::-webkit-progress-value{background:#9b674a}progress::-moz-progress-bar{background:#9b674a}.question-prompt,.schedule caption,.schedule th{background:#f7f0e8}.timer-ring{background:conic-gradient(#b68265 var(--progress),#f2e7dc 0)}.practice-focus .recording-panel,.practice-help{border-radius:16px}.personal-plan{background:#f8e9dc}.personal-plan-saved{border-color:#b68162}.lesson-cloze{color:#40342d}.cloze-blank{color:#805039;background:#f6e8dc;border-color:#c8a38a}.lesson-cues li{color:#704631;background:#f7eadd}.earlier-answers select,.explorer-toolbar select{color:#40342d;border-color:#cbb5a4}.recording-dock{background:#fffaf5;border-color:#dfcdbc}.expression-lab{padding:28px}.expression-lab .eyebrow{color:#8b6048;letter-spacing:.12em}.expression-lab .lab-title{letter-spacing:-.045em;word-break:keep-all;overflow-wrap:break-word;margin:9px 0 6px;font-size:1.65rem;line-height:1.34}.expression-lab .lab-intro{color:#6d5c52;margin:0 0 22px;font-size:.84rem}.expression-source,.expression-own{border-radius:18px;min-width:0;padding:20px}.expression-source{background:#f3eee8}.expression-label{color:#785d4d;margin-bottom:7px;font-size:.72rem;font-weight:700;display:block}.expression-source h3{margin:0 0 8px;font-size:1rem}.expression-source .hint{margin:0 0 14px}.expression-source .example-text{color:#40342d;font-size:1.08rem;line-height:1.8}.expression-source .translation{color:#6d5c52;background:0 0;margin-top:12px;padding:0}.expression-source .reading-supported .passage{color:#40342d}.expression-connector{color:#96684c;place-items:center;height:38px;font-size:1.3rem;display:grid}.expression-own.personal-plan{background:#f8e7d8;margin:0}.expression-own .field-label{margin-top:3px}.expression-own textarea{background:#fffdfb;border-color:#cbb5a4;min-height:100px}.expression-lab .lesson-pattern{margin:18px 0 3px}.expression-lab .lesson-check{margin-top:5px}.expression-lab h3{scroll-margin-top:96px}.expression-lab h3:focus{outline:none}.pronunciation-guide{background:#fffaf5;border:1px solid #dcc8b9;border-radius:14px;margin:18px 0 8px;padding:16px}.pronunciation-title strong{color:#513c31;font-size:.9rem}.pronunciation-title .hint{margin:3px 0 12px}.speech-speed{margin:0 0 12px}.speech-speed legend{color:#654c3d;margin-bottom:6px;font-size:.75rem;font-weight:700}.speech-speed>div{gap:8px;display:flex}.speech-speed label{color:#654c3d;border:1px solid #dfcbbd;border-radius:9px;align-items:center;gap:7px;min-height:44px;padding:8px 12px;font-size:.84rem;display:flex}.speech-speed label.selected{background:#f8e9dc;border-color:#a8775d}.speech-speed .hint{margin:6px 0 0}.speech-all{justify-content:center;width:100%;min-height:44px}.speech-sentences{border-top:1px solid #eadbd0;margin-top:12px}.speech-sentences summary{color:#805039;cursor:pointer;min-height:44px;padding:11px 0;font-weight:700}.speech-sentences ol{margin:0;padding-left:22px}.speech-sentences li{border-top:1px solid #eadbd0;padding:9px 0}.speech-sentences li p{color:#40342d;font-size:.94rem;line-height:1.65}.speech-sentences li button{min-height:44px;margin-top:2px}.speech-error{color:#9b3525;margin-top:10px;font-size:.8rem}@media (width<=760px){.expression-lab{padding:21px 18px}.expression-lab .lab-title{font-size:1.4rem}.expression-source,.expression-own{padding:16px}.expression-source .example-text{font-size:1rem}}.generated-practice{background:#f1f5ee;border:1px solid #cad9c9;border-radius:20px;min-width:0;margin-bottom:26px;padding:26px}.generated-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.generated-heading h2{margin:8px 0;font-size:23px;line-height:1.4}.generated-heading p{color:#566157;margin:8px 0 20px;line-height:1.6}.generated-heading .soft-label{white-space:nowrap}.generated-controls{align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.generated-field{flex:1;gap:8px;display:grid}.generated-controls label{flex:1;gap:8px;font-size:13px;font-weight:650;display:grid}.generated-controls select{color:#263a30;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #c5cdc1;border-radius:9px;padding:10px}.generated-controls button{min-height:44px}.generated-preview{overflow-wrap:anywhere;background:#fffdfa;border:1px solid #e1dfd5;border-radius:14px;padding:22px}.generated-preview h3{margin:10px 0;font-size:19px;line-height:1.5}.generated-preview>p[lang]{color:#36483b;line-height:1.7}.generated-preview .primary-button{margin-top:8px}.generated-count{margin-top:17px;line-height:1.6}.generated-recent{border-top:1px solid #d2ddce;margin-top:22px;padding-top:14px}.generated-recent h3{font-size:15px}.generated-resume{text-align:left;color:#314d3d;width:100%;font:inherit;background:0 0;border:0;border-top:1px solid #dbe2d7;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:14px 0;font-size:14px;line-height:1.5;display:flex}.generated-resume span{overflow-wrap:anywhere;min-width:0}.generated-resume small{color:#657161;margin-top:4px;display:block}.generated-resume svg{flex-shrink:0}.generated-resume:focus-visible,.generated-controls select:focus-visible{outline-offset:3px;outline:3px solid #326c51}@media (width<=600px){.generated-practice{margin-bottom:20px;padding:18px 15px}.generated-heading{display:block}.generated-heading .soft-label{margin-bottom:16px;display:inline-flex}.generated-heading h2{font-size:21px}.generated-controls{flex-direction:column;align-items:stretch}.generated-preview{padding:17px 14px}.generated-preview .primary-button{width:100%}.generated-preview h3{font-size:17px}}.basic-script{min-width:0}.basic-script>details>summary{color:var(--green);cursor:pointer;padding:4px 0 12px;scroll-margin-top:65px;font-size:1.12rem;font-weight:750;line-height:1.6}.basic-script>details>summary:focus-visible{outline-offset:4px;border-radius:3px;outline:3px solid #97623e}.script-text{color:#293d31;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0;font-size:1.12rem;line-height:1.9}.basic-script .translation{color:#6d6b60;font-size:.87rem;line-height:1.8}.basic-script .pronunciation-guide{margin:20px 0 0}.practice-help:has(.basic-script) .guide-details{border-top:1px solid #d6dace;margin-top:18px;padding-top:14px}.lesson-answer-example{background:#f3f5ed;border:1px solid #d3ddc9;border-radius:12px;margin:22px 0;padding:20px}.lesson-answer-example>h3{margin:0 0 10px}.pronunciation-guide select{width:100%;max-width:100%;font:inherit;color:#354b37;background:#fffefa;border:1px solid #c8cfbf;border-radius:8px;min-height:44px;padding:10px;font-size:.85rem}.review-content>.example-panel{margin-bottom:22px}@media (width<=600px){.script-text{font-size:1.05rem;line-height:1.9}.lesson-answer-example{padding:16px 13px}.basic-script>details>summary{font-size:1rem}}