@font-face{font-family:system-enjoy;src:local("Segoe UI");font-display:swap}
:root{--paper:#f7f6f2;--white:#fff;--ink:#272b28;--muted:#85877f;--line:#e9e8e1;--accent:#bc5b35;--accent-dark:#a64b27;--accent-wash:#f7e9df;--green:#4d6a51;--green-wash:#eef2e9;--radius:18px;--shadow:0 3px 18px #35341e03;font-family:system-enjoy,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;line-height:1.6}
*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #bc5b3566;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #bc5b3555;outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.4;font-weight:650;letter-spacing:-1px}h2{font-size:17px;font-weight:650;line-height:1.6}h3{font-size:14px;font-weight:600}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted);font-size:13px}.full-width{width:100%}.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;flex-shrink:0;background:#f0f0e9;border-right:1px solid #e3e4db;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:34px 24px 24px;z-index:30}.brand{display:flex;align-items:center;gap:11px;margin:0 0 49px}.brand strong{display:block;font-size:16px;letter-spacing:-.3px;white-space:nowrap}.brand small{display:block;letter-spacing:1.5px;font-size:8px;color:#7e8278;margin-top:3px;white-space:nowrap}.brand-mark{display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;width:41px;height:43px;border-radius:12px;background:var(--accent);color:#fff6e7;font:italic 600 43px/1 Georgia,serif;padding:0 3px 7px 0;box-shadow:0 3px 0 #a94b2715}.brand-mark>span{width:6px;height:6px;border-radius:50%;background:#d2d8a8;position:absolute;right:6px;top:7px}.sidebar-label{font-size:10px;color:#92968a;letter-spacing:2px;padding-left:13px;margin-bottom:14px}.main-nav{display:flex;flex-direction:column;gap:7px}.nav-link{display:flex;align-items:center;gap:13px;border-radius:10px;padding:13px;color:#747a6e;font-size:13px;transition:background .15s,color .15s}.nav-link:hover{background:#e7e9df;color:#394432}.nav-link.active{background:#e2e7d8;color:#3d5138;font-weight:650}.nav-arrow{margin-left:auto;font-size:17px}.nav-link:not(.active) .nav-arrow{display:none}.icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding-top:48px}.sidebar-note{padding:20px 14px 25px;background:#e8ebdf;border:1px solid #e0e4d6;border-radius:13px;margin:0 0 24px}.note-spark{display:block;font-size:29px;line-height:1;color:#687a54;margin-bottom:16px}.sidebar-note strong{font-size:12px;color:#526347;letter-spacing:.3px}.sidebar-note p{font-size:11px;line-height:1.9;color:#87917a;margin-top:7px}.download-nav{font-size:12px;padding:10px 8px}.adaptation{padding:14px 8px 0;font-size:10px;color:#9da294;line-height:1.9}.adaptation a{text-decoration:underline;text-underline-offset:3px}.main-content{width:calc(100% - 254px);margin-left:254px;min-width:0}.topbar{height:85px;padding:0 43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f9f8f5}.topbar-crumb{display:flex;gap:16px;font-size:11px;color:#9c9f95}.topbar-crumb>span:last-child{color:#5d6557}.topbar-crumb>span:first-child{color:#c1c4b9}.topbar-actions{display:flex;align-items:center;gap:11px}.user-avatar{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e8ebdf;color:#6c795d;font-size:11px}.user-label{font-size:11px;color:#72796b;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions>.text-button{font-size:11px}.page-content{max-width:1540px;margin:auto;padding:38px 43px 22px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:31px}.eyebrow{color:#929586;font-size:9px;letter-spacing:2px;font-weight:550;margin-bottom:9px}.page-heading p{font-size:12px;color:var(--muted);margin-top:8px}.heading-dot{color:var(--accent)}.primary-button,.secondary-button,.text-button,.toggle-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:12px;border-radius:8px;transition:background .15s,transform .15s}.primary-button{padding:12px 17px;background:var(--accent);color:#fff;font-weight:550;box-shadow:0 2px 3px #bc5b3510}.primary-button:hover:not(:disabled){background:var(--accent-dark)}.secondary-button{padding:11px 15px;background:#f2f3ed;border:1px solid #e6e8de;color:#5f6b55}.secondary-button:hover:not(:disabled){background:#e7ebdf}.text-button{background:transparent;padding:7px 4px;color:#7c8473;font-size:11px}.text-button:hover:not(:disabled){color:var(--accent)}.text-button .icon{width:15px;height:15px}.toggle-button{padding:8px 10px;color:#8c9185;background:transparent;font-size:11px}.toggle-button.active,.toggle-button[aria-pressed=true]{background:#e9edde;color:#5c6f4d}.icon-button{background:transparent;border:0;border-radius:7px;padding:6px;display:inline-flex;align-items:center;justify-content:center;color:#969c8d}.icon-button:hover:not(:disabled){background:#f0f2e9;color:#5d6d4e}.mobile-menu{display:none}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.card-heading h2{display:flex;align-items:center;gap:9px}.count{font-size:10px;display:inline-flex;align-items:center;justify-content:center;background:#f1f3ed;border-radius:5px;min-width:22px;min-height:20px;padding:0 5px;color:#9aa18e;font-weight:500}.practice-layout{display:grid;grid-template-columns:258px minmax(0,1fr);gap:23px;align-items:start}.materials-card{padding:21px 16px 17px}.materials-card>.card-heading{padding:0 3px 15px}.materials-card h2{font-size:14px}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #eceee5;border-radius:8px;background:#f9faf6;padding:9px 10px;margin-bottom:15px;color:#a2a995}.search-field .icon{width:14px;height:14px}.search-field input{width:100%;min-width:0;background:transparent;border:0;font-size:11px;color:#5b6451;padding:0;outline:none}.search-field input::placeholder{color:#b0b5a6}.material-list{display:flex;flex-direction:column;gap:7px;min-height:280px;max-height:600px;overflow:auto}.material-item{display:flex;align-items:flex-start;gap:10px;padding:13px 10px;text-align:left;width:100%;border:1px solid transparent;border-radius:10px;background:transparent}.material-item:hover{background:#f8f9f4}.material-item.selected{background:#f1f4e9;border-color:#e4e9d9}.material-item-icon{height:35px;width:32px;border-radius:7px;background:#f5eee7;color:#b78a6c;display:flex;align-items:center;justify-content:center;flex-shrink:0}.material-item.selected .material-item-icon{background:#e1e8d5;color:#74865a}.material-item-icon.video{background:#eeedf5;color:#9890b3}.material-item-icon.reading{background:#ecf0ed;color:#7d9c89}.material-item-text{min-width:0}.material-item strong{font-size:11px;line-height:1.65;display:block;font-weight:600;overflow-wrap:anywhere}.material-item small{font-size:9px;color:#a3aa98;display:block;margin-top:4px}.add-material{margin-top:15px;width:100%;border:1px dashed #dfe5d4;background:#fafbf7;color:#8e9a80;border-radius:8px;font-size:10px;padding:12px 3px;display:flex;align-items:center;justify-content:center;gap:5px}.add-material:hover{background:#f1f5e9}.add-material .icon{height:13px;width:13px}.format-note{font-size:9px;color:#b2b8aa;text-align:center;line-height:1.9;margin-top:12px}.practice-main{display:flex;flex-direction:column;gap:22px}.player-card{padding:24px 25px 0;overflow:hidden}.player-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}.section-kicker{font-size:9px;font-weight:550;letter-spacing:1.6px;color:#a1a58f;margin-bottom:7px;display:flex;align-items:center;gap:6px}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#95a66c}.player-heading h2{font-size:16px;overflow-wrap:anywhere}.pill{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;max-width:160px;white-space:nowrap;padding:4px 8px;border:1px solid #e6e9dc;border-radius:5px;font-size:9px;color:#7e8c67;background:#f7f9f1}.pill.neutral{background:#fafaf7;border-color:#eaece3;color:#9bA28e}.media-empty{min-height:150px;background:#f7f8f3;border:1px solid #eff1e7;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center}.media-empty strong{font-size:12px;color:#7f8e6e;font-weight:500;margin-top:14px}.media-empty p{font-size:10px;color:#a5ae9b;margin-top:4px}.waveform{height:30px;display:flex;align-items:center;gap:4px}.waveform i{width:3px;height:13px;background:#cbd3bc;border-radius:4px}.waveform i:nth-child(3n){height:25px}.waveform i:nth-child(4n){height:17px}.waveform i:nth-child(5n){height:30px}.waveform i:first-child,.waveform i:last-child{height:5px}.media-wrap{border:1px solid #ebeee4;border-radius:11px;overflow:hidden;background:#f5f7ed}.media-wrap video{width:100%;display:block;max-height:330px;min-height:88px;object-fit:contain}.media-wrap.audio-only video{height:95px;background:#edf1e4}.player-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #edf0e5}.control-group{display:flex;align-items:center;gap:9px}.round-play{border:0;background:#75885e;width:33px;height:33px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}.round-play .icon{width:15px;height:15px;margin-left:2px}.round-play:hover:not(:disabled){background:#607747}.segment-position{font-size:10px;color:#a6ad9a;margin-left:4px}.speed-control select{border:1px solid #e9ece1;border-radius:6px;background:#fff;color:#8d9780;font-size:10px;padding:5px;max-width:70px}.transcript-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 0 10px}.transcript-heading h3{font-size:11px;color:#7d8970}.transcript-heading>span{font-size:9px;color:#b3b9a8}.segment-list{list-style:none;padding:0;margin:0;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dce1d1 transparent}.segment-row{display:flex;align-items:flex-start;gap:13px;padding:13px 10px;margin:4px -2px;border-radius:8px;cursor:pointer}.segment-row:hover{background:#fafbf6}.segment-row.active{background:#f2f5e9;border:1px solid #e7ebde;padding:12px 9px}.segment-index{flex-shrink:0;width:15px;color:#bec5b1;font-size:9px;padding-top:4px;text-align:center;font-variant-numeric:tabular-nums}.segment-row.active .segment-index{color:#81965f}.segment-content{flex:1;min-width:0}.segment-text{font-size:14px;line-height:1.8;color:#727c66;overflow-wrap:anywhere}.segment-row.active .segment-text{color:#4f6240}.segment-time{font-size:9px;color:#b4bda8;margin-top:3px;font-variant-numeric:tabular-nums}.segment-row .segment-play{padding:4px;border:0;background:transparent;color:#97a383;display:flex;align-items:center;border-radius:5px}.segment-play .icon{height:14px;width:14px}.segment-row .segment-play:hover{background:#e7eddb}.sentence-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border-top:1px solid #eef1e7;margin-top:14px;padding:11px 0 13px}.sentence-actions .text-button{font-size:10px;gap:5px}.sentence-actions .text-button .icon{width:13px;height:13px}.action-label{font-size:9px;color:#b2b9a5;margin-right:auto}.ai-answer{border:1px solid #e8ecdc;background:#f8faf3;padding:15px 17px;border-radius:9px;font-size:13px;line-height:1.9;color:#617053;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:14px}.player-card>.ai-answer{margin:0 0 22px}.shadow-card{padding:22px 25px}.shadow-card h2{font-size:15px}.shadow-card .section-kicker{font-size:8px;letter-spacing:1.3px;margin-bottom:2px}.shadow-reference{font-size:12px;line-height:1.9;color:#96a087;margin:15px 0 19px;padding:0 0 0 12px;border-left:2px solid #e3e9d8}.record-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.record-button{display:flex;gap:8px;align-items:center;background:#f8eee6;border:1px solid #ecd5c4;color:#b98055;padding:10px 17px;border-radius:8px;font-size:11px}.record-button:hover:not(:disabled){background:#f1dfd0}.record-button.recording{background:#fae7e2;color:#ae4c3e;border-color:#ebc5bc}.record-controls .muted{font-size:10px}.record-preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.record-preview audio{width:min(320px,100%);height:42px}.record-preview .primary-button{font-size:10px;padding:10px}.speech-disclaimer{display:flex;align-items:flex-start;gap:6px;margin-top:20px;color:#b4baaa;font-size:9px;border-top:1px solid #f0f2e9;padding-top:14px;line-height:1.8}.speech-disclaimer .icon{width:12px;height:12px;margin-top:2px}.record-result{margin-top:18px;border-radius:9px;border:1px solid #e9edde;background:#fbfcf7;padding:16px}.record-result h3{font-size:12px;color:#687b54;margin:0 0 6px}.record-result p{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#8b967e;margin-bottom:12px}.record-result p:last-child{margin-bottom:0}.learning-tip{display:flex;align-items:center;justify-content:center;gap:13px;padding:25px 15px;color:#a8ae9b;font-size:10px}.learning-tip>span{font-size:22px;color:#a3b18a}.learning-tip strong{color:#8a967a;margin-right:12px;font-weight:500}.page-footer{border-top:1px solid #e9ece0;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:29px;padding:17px 0 2px;font-size:9px;color:#b1b7a4}.page-footer>span:nth-child(2){font-family:Georgia,serif;font-style:italic;letter-spacing:.3px}.page-footer>a:hover{color:#74845e}.quiet-empty{padding:44px 13px;text-align:center;width:100%;font-size:11px;color:#aab39c;line-height:2}.quiet-empty>[data-icon]{display:flex;justify-content:center;color:#bec6b2;margin-bottom:10px}.quiet-empty .icon{width:28px;height:28px;stroke-width:1.3}.quiet-empty p{font-size:11px}.notice{padding:12px 15px;border-radius:9px;border:1px solid #e9d6bf;background:#fff6e8;color:#9a7448;font-size:12px;margin-bottom:20px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.notice.subtle{margin:15px 0;font-size:10px;background:#f8f9f4;border-color:#e9edde;color:#9da58e}.notice.error{background:#fff1ed;border-color:#ecd0c7;color:#ad6755}.two-column{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:23px;align-items:start}.reading-card{padding:26px}.reading-card>.card-heading{margin-bottom:23px}.field{display:flex;flex-direction:column;gap:7px;margin:18px 0}.field>span{font-size:11px;color:#7b866c}.field small{font-size:10px;color:#aab29b;font-weight:400}.field input:not([type=file]),.field select,.field textarea{padding:11px 12px;border:1px solid #e3e8d8;border-radius:8px;background:#fbfcf8;color:#61724d;width:100%;min-width:0;font-size:12px}.field input::placeholder,.field textarea::placeholder{color:#b2bba5}.field textarea{resize:vertical;line-height:1.9}.field input[type=file]{font-size:11px;color:#96a084;max-width:100%}.reading-text{min-height:300px;font-size:18px;line-height:2.15;color:#667752;letter-spacing:.05px;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px 2px 25px}.button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vocabulary-add{padding:25px}.vocabulary-add>p{font-size:11px;margin-top:9px}.vocabulary-add .field{margin:18px 0 14px}.conversation-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:23px;align-items:start}.scenario-card{padding:25px}.scenario-card>p{font-size:11px;line-height:1.9;margin-top:10px}.scenario-card .field select{font-size:11px}.chat-tips{background:#f2f5e9;border-radius:10px;padding:19px 17px;margin-top:27px;color:#8f9b7c}.chat-tips>[data-icon]{display:flex;margin-bottom:13px}.chat-tips strong{font-size:11px;font-weight:500}.chat-tips p{font-size:10px;line-height:2;margin-top:7px;color:#a2ad91}.scenario-card>.text-button{margin-top:15px;font-size:10px}.chat-card{overflow:hidden}.chat-card>.card-heading{padding:20px 25px;border-bottom:1px solid #edf0e5}.chat-card .card-heading h2{font-size:13px}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#91a56d;margin-right:2px}.chat-messages{height:450px;min-height:300px;overflow-y:auto;padding:25px;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin;scrollbar-color:#e0e6d4 transparent}.chat-welcome{margin:auto;text-align:center;padding:30px 10px;color:#9fa98f}.large-spark{font-size:50px;color:#b7c49e;margin-bottom:17px}.chat-welcome h3{font:italic 20px/1.7 Georgia,serif;letter-spacing:-.2px;color:#879b6c}.chat-welcome p{font-size:11px;margin-top:8px;color:#b1baa2}.chat-message{display:flex;flex-direction:column;align-self:flex-start;max-width:92%;gap:6px}.chat-message.user{align-self:flex-end}.chat-message-label{font-size:9px;color:#a5af97}.chat-message.user .chat-message-label{text-align:right}.chat-message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9;background:#f2f5e9;color:#72835c;border-radius:3px 12px 12px 12px;padding:12px 16px}.chat-message.user .chat-message-body{background:#f7eee7;color:#ad8869;border-radius:12px 3px 12px 12px}.chat-message.error .chat-message-body{background:#faeeea;color:#ad6a57}.chat-composer{border-top:1px solid #edf0e5;padding:18px 24px 20px}.chat-composer textarea{resize:vertical;border:0;background:transparent;width:100%;font-size:12px;color:#71825b;line-height:1.9;min-height:56px}.chat-composer textarea::placeholder{color:#b6bda9}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}.composer-footer>span{font-size:9px;color:#b1bba2}.composer-footer .primary-button{padding:9px 13px;font-size:11px}.vocabulary-grid{padding:23px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:17px}.view-vocabulary .card-heading,#view-vocabulary .card>.card-heading{padding:23px 26px;border-bottom:1px solid #edf0e5}.vocabulary-entry{border:1px solid #e7ebde;border-radius:11px;background:#fbfcf7;padding:21px}.vocabulary-entry h3{font-size:18px;color:#6e8356;overflow-wrap:anywhere}.vocabulary-entry p{font-size:12px;line-height:1.9;color:#9aa68a;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px}.vocabulary-entry blockquote{border-left:2px solid #dfe7d2;margin:12px 0 0;padding-left:10px;font-size:11px;color:#b0baa0;white-space:pre-wrap;overflow-wrap:anywhere}.vocabulary-entry small{display:block;margin-top:15px;font-size:9px;color:#bac3ab}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:23px}.stat-card{border:1px solid #e6eade;background:#fff;border-radius:13px;padding:21px 25px;display:flex;align-items:center;justify-content:space-between;color:#a6b097}.stat-card span{font-size:11px}.stat-card strong{font-size:27px;font-weight:450;color:#78905c;font-variant-numeric:tabular-nums}.history-columns{grid-template-columns:1fr 1fr}.history-columns .card>.card-heading{padding:21px 24px;border-bottom:1px solid #edf0e5}.history-list,.recordings-list{padding:7px 23px 20px}.history-entry,.recording-entry{padding:18px 0;border-bottom:1px solid #eef2e6}.history-entry:last-child,.recording-entry:last-child{border-bottom:0}.history-entry h3,.recording-entry h3{font-size:12px;color:#7f906b;overflow-wrap:anywhere}.history-entry p,.recording-entry p{white-space:pre-wrap;overflow-wrap:anywhere;color:#a3af94;font-size:11px;margin-top:8px;line-height:1.9}.history-entry small,.recording-entry small{display:block;font-size:9px;color:#bec6b1;margin-top:8px}.recording-entry>.text-button{font-size:10px;margin-top:7px}.recording-entry audio{width:100%;height:40px;margin:12px 0}.download-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:23px}.download-card{padding:35px}.download-app-icon{display:flex;position:relative;align-items:center;justify-content:center;width:74px;height:79px;border-radius:21px;background:var(--accent);color:#fff4dd;font:italic 600 76px/1 Georgia,serif;padding:0 4px 13px 0;margin-bottom:30px}.download-app-icon>span{width:11px;height:11px;background:#d2d8a8;border-radius:50%;position:absolute;top:13px;right:11px}.download-card h2{font-size:24px;letter-spacing:-.6px;margin:10px 0}.download-card>p{font-size:12px;color:#9ba78b;line-height:2;max-width:360px}.release-status{border:1px solid #e6ebda;border-radius:9px;background:#f6f8ef;color:#94a57d;padding:15px 17px;font-size:12px;margin:25px 0}.release-status.available{color:#6d8652}.release-meta{display:grid;grid-template-columns:90px minmax(0,1fr);font-size:11px;line-height:2.2;margin-bottom:20px;gap:7px}.release-meta dt{color:#a3b08f}.release-meta dd{margin:0;color:#7c9363;overflow-wrap:anywhere}.release-hash{font-family:monospace;font-size:10px}.release-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:#99a789;margin-bottom:17px}.release-download{display:inline-flex;margin:0 0 22px}.installation-guide{padding:30px}.guide-step{display:flex;gap:20px;margin:30px 0}.guide-step>span{font:italic 24px Georgia,serif;color:#bdc8a9;flex-shrink:0}.guide-step h3{font-size:12px;color:#81926d;margin-bottom:8px}.guide-step p{font-size:11px;color:#a9b498;line-height:2}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);padding:12px 20px;border:1px solid #536744;background:#5f7350;color:#fff;border-radius:9px;box-shadow:0 8px 30px #273c2125;font-size:12px;z-index:100;overflow-wrap:anywhere}.toast.error{background:#a6654f;border-color:#905641}.noscript{position:fixed;bottom:0;left:0;right:0;background:#884d35;color:#fff;padding:20px;text-align:center;z-index:200}dialog{border:1px solid #e4e7db;border-radius:20px;box-shadow:0 30px 100px #1b2e1c28;padding:0;color:var(--ink);max-height:calc(100dvh - 40px)}dialog::backdrop{background:#29342555;backdrop-filter:blur(5px)}.login-dialog{max-width:790px;width:calc(100vw - 40px);grid-template-columns:.95fr 1.05fr;overflow:hidden}.login-dialog[open]{display:grid}.login-art{background:#e9edde;padding:37px 36px 28px;display:flex;flex-direction:column;min-height:500px;justify-content:space-between;position:relative;overflow:hidden}.login-art:after{content:'e';position:absolute;color:#dbe3cc;font:italic 300px Georgia,serif;bottom:-110px;right:-40px;z-index:0;pointer-events:none}.login-art>*{position:relative;z-index:1}.login-art .section-kicker{color:#9fac89;font-size:8px;margin-bottom:20px}.login-art h2{font-size:31px;line-height:1.7;font-weight:450;letter-spacing:1px;color:#73865b}.login-art p{font-size:11px;color:#a2b08e;line-height:2.2;margin-top:20px}.login-art-foot{font-size:9px;color:#a8b494;letter-spacing:.5px}.login-form-wrap{padding:53px 38px 35px;align-self:center}.login-form-wrap h2{font-size:23px;letter-spacing:-.5px;margin:10px 0}.login-form-wrap>.muted{font-size:11px;margin:10px 0 25px}.login-form-wrap .field{margin:20px 0}.login-form-wrap .primary-button{margin-top:8px}.login-form-wrap .field input{padding:13px 12px}.login-footnote{font-size:9px;color:#b8bfaa;line-height:1.9;margin-top:23px}.login-form-wrap>.text-button{margin-top:12px;font-size:10px}.upload-dialog{max-width:600px;width:calc(100vw - 36px);padding:29px 32px;overflow-y:auto}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.dialog-heading h2{font-size:21px}.dialog-heading .section-kicker{font-size:8px;margin-bottom:5px}.upload-mode{display:flex;gap:8px;margin:20px 0}.upload-mode .toggle-button{font-size:11px;border:1px solid #e9edde;padding:9px 14px}.file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 12px;border:1px dashed #dce4cd;background:#f8faf2;border-radius:10px;position:relative;cursor:pointer;gap:6px;text-align:center}.file-drop>[data-icon]{color:#a2b48a;margin-bottom:5px}.file-drop strong{font-size:12px;color:#889b6d;font-weight:500}.file-drop>span:not([data-icon]){font-size:10px;color:#b1bd9e;overflow-wrap:anywhere;max-width:100%}.file-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-drop:focus-within{outline:2px solid #bdccaa}.dialog-actions{border-top:1px solid #edf1e3;margin-top:23px;padding-top:20px;display:flex;align-items:center;justify-content:flex-end;gap:11px}.form-error{font-size:11px;color:#b96f55;padding:10px 12px;background:#fbf0ea;border:1px solid #f0ddd2;border-radius:7px;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.busy{pointer-events:none;opacity:.65}.loading-text{padding:24px;text-align:center;color:#a7b493;font-size:12px}.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(min-width:1550px){.practice-layout{grid-template-columns:300px minmax(0,1fr)}.material-item strong{font-size:12px}.material-list{min-height:380px}.page-content{padding-top:45px}.player-card{padding:29px 32px 0}.shadow-card{padding:26px 32px}.segment-text{font-size:16px}.segment-row{padding:16px 10px}.segment-row.active{padding:15px 9px}}
@media(max-width:1200px){.sidebar{width:218px;padding:30px 18px 20px}.brand{gap:8px}.brand strong{font-size:14px}.brand small{font-size:7px;letter-spacing:1.2px}.brand-mark{width:36px;height:39px;font-size:39px}.main-content{width:calc(100% - 218px);margin-left:218px}.topbar{padding:0 28px}.page-content{padding:30px 28px 20px}h1{font-size:27px}.practice-layout{grid-template-columns:225px minmax(0,1fr);gap:18px}.materials-card{padding:17px 12px}.player-card{padding:22px 20px 0}.shadow-card{padding:20px}.segment-position{display:none}.control-group{gap:6px}.player-controls{gap:5px}.player-controls .toggle-button{font-size:10px;padding:7px}.transcript-heading>span{font-size:8px}.sentence-actions{gap:10px}.sentence-actions .action-label{display:none}.conversation-layout{grid-template-columns:235px minmax(0,1fr);gap:18px}.scenario-card{padding:21px 18px}.two-column{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:18px}.vocabulary-add,.reading-card{padding:22px}.history-columns{grid-template-columns:1fr 1fr}.page-heading>.primary-button{font-size:11px}.download-layout{gap:18px}.download-card,.installation-guide{padding:25px}}
@media(max-width:1000px){.practice-layout{grid-template-columns:1fr}.materials-card{padding:17px 18px}.materials-card>.card-heading{padding-bottom:10px}.materials-card .search-field{max-width:250px;float:right;margin-top:-40px;margin-bottom:0}.materials-card .card-heading .icon-button{margin-right:265px}.material-list{min-height:unset;max-height:unset;flex-direction:row;overflow-x:auto;padding-bottom:5px;gap:8px}.material-item{width:190px;flex-shrink:0}.material-list>.quiet-empty{padding:20px}.add-material{margin-top:10px;padding:9px}.format-note{display:none}.player-controls{padding:15px 0}.segment-position{display:block}.control-group{gap:10px}.player-controls .toggle-button{font-size:11px}.transcript-heading>span{font-size:9px}.sentence-actions .action-label{display:block}.two-column{grid-template-columns:1fr}.conversation-layout{grid-template-columns:1fr}.scenario-card>.section-kicker,.scenario-card>p,.scenario-card .chat-tips{display:none}.scenario-card{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:18px 22px}.scenario-card h2{font-size:14px}.scenario-card .field{margin:0;flex:1;min-width:180px}.scenario-card .field>span{display:none}.scenario-card>.text-button{margin:0}.history-columns{grid-template-columns:1fr 1fr}.download-layout{grid-template-columns:1fr}.download-card{padding:28px}.page-heading h1{font-size:26px}.learning-tip{padding:20px 0}.learning-tip p{line-height:1.9}.page-footer>span:nth-child(2){display:none}}
@media(max-width:760px){.sidebar{width:245px;transform:translateX(-100%);transition:transform .2s ease;box-shadow:none}.sidebar.mobile-open{transform:translateX(0);box-shadow:12px 0 100px #28341d38}.sidebar.mobile-open:before{content:'';position:fixed;left:245px;top:0;width:calc(100vw - 245px);height:100dvh;background:#20301a33;backdrop-filter:blur(2px);z-index:-1}.main-content{width:100%;margin:0}.topbar{height:65px;padding:0 19px;gap:10px}.mobile-menu{display:flex;color:#7b8b66;padding:4px}.topbar-crumb{margin-right:auto;font-size:10px;gap:10px}.topbar-crumb{white-space:nowrap}.topbar-crumb>span:last-child{max-width:80px;text-overflow:ellipsis;overflow:hidden}.topbar-actions{gap:7px}.topbar-actions>.text-button:first-child{display:none}.user-avatar{width:27px;height:27px;font-size:10px}.user-label{max-width:76px;font-size:10px}.topbar-actions>#logout-button{font-size:10px}.page-content{padding:25px 19px 16px}.page-heading{align-items:flex-start;margin-bottom:23px;gap:10px}.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:8px}.page-heading h1{font-size:24px;letter-spacing:-.8px}.page-heading p{font-size:10px;line-height:1.8;max-width:270px;margin-top:7px}.page-heading>.primary-button{font-size:0;padding:10px;border-radius:9px;margin-top:20px;gap:0;flex-shrink:0}.page-heading>.primary-button .icon{width:18px;height:18px}.practice-layout{gap:17px}.materials-card{padding:16px 15px}.materials-card .search-field{max-width:167px;padding:7px 8px;margin-top:-36px}.materials-card .card-heading .icon-button{margin-right:177px}.materials-card h2{font-size:12px}.materials-card .card-heading{padding-bottom:9px}.material-list{gap:7px}.material-item{width:175px;padding:11px 8px;gap:8px}.material-item strong{font-size:10px}.material-item small{font-size:8px}.material-item-icon{width:28px;height:32px}.material-item-icon .icon{height:15px;width:15px}.add-material{font-size:9px}.practice-main{gap:17px}.player-card{padding:20px 16px 0;border-radius:14px}.player-heading{margin-bottom:16px}.section-kicker{font-size:7px;letter-spacing:1.3px;margin-bottom:5px}.player-heading h2{font-size:13px}.pill{font-size:8px;padding:3px 7px}.media-empty{padding:20px 14px;min-height:140px}.media-empty strong{font-size:11px}.media-empty p{font-size:9px;line-height:1.9}.waveform{gap:3px}.waveform i{width:2px}.player-controls{padding:13px 0;gap:6px}.control-group{gap:7px}.round-play{width:30px;height:30px}.control-group .icon-button{padding:4px}.control-group .icon-button .icon{height:16px;width:16px}.player-controls .toggle-button{font-size:9px;padding:6px;gap:4px}.player-controls .toggle-button .icon{height:14px;width:14px}.speed-control select{font-size:9px;padding:5px 2px;max-width:55px}.segment-position{display:none}.transcript-heading{padding:18px 0 9px}.transcript-heading h3{font-size:10px}.transcript-heading>span{font-size:8px}.segment-list{max-height:285px}.segment-row{gap:8px;padding:12px 5px}.segment-row.active{padding:11px 4px}.segment-text{font-size:13px;line-height:1.8}.segment-index{font-size:8px;width:14px}.segment-time{font-size:8px}.sentence-actions{gap:11px;padding:10px 0 12px}.sentence-actions .action-label{display:none}.sentence-actions .text-button{font-size:9px;gap:4px}.sentence-actions .text-button .icon{width:12px;height:12px}.shadow-card{padding:18px 17px;border-radius:14px}.shadow-card h2{font-size:13px}.shadow-card .section-kicker{font-size:7px}.shadow-reference{font-size:11px;margin:15px 0 17px}.record-controls{gap:10px}.record-button{padding:10px 13px;font-size:10px}.record-controls .muted{font-size:9px}.record-controls .secondary-button{padding:9px 10px;font-size:10px}.speech-disclaimer{font-size:8px;line-height:1.9;margin-top:17px;padding-top:12px}.learning-tip{gap:10px;font-size:9px;align-items:flex-start;padding:19px 5px 0}.learning-tip>span{font-size:19px;line-height:1.8}.learning-tip strong{display:block;margin-bottom:3px}.page-footer{margin-top:23px;padding-top:14px;font-size:8px}.card-heading h2{font-size:13px}.card-heading .text-button{font-size:9px}.reading-card,.vocabulary-add{padding:20px}.reading-text{font-size:16px;line-height:2.1;min-height:220px}.reading-card .button-row{gap:8px}.reading-card .button-row>button{font-size:10px}.reading-card .secondary-button{padding:10px}.two-column{gap:17px}.scenario-card{padding:17px;gap:12px}.scenario-card h2{font-size:13px;width:100%}.scenario-card .field{min-width:175px}.scenario-card .field select{font-size:10px}.scenario-card>.text-button{font-size:9px}.chat-card>.card-heading{padding:18px}.chat-card .card-heading h2{font-size:12px}.chat-messages{padding:20px 17px;height:430px}.chat-welcome h3{font-size:17px}.chat-welcome p{font-size:10px}.chat-message{max-width:95%}.chat-message-body{font-size:12px;padding:11px 14px}.chat-composer{padding:16px 17px}.composer-footer>span{font-size:8px}.history-stats{gap:9px;margin-bottom:17px}.stat-card{padding:16px 14px;display:block}.stat-card span{font-size:9px;display:block}.stat-card strong{font-size:23px;display:block;margin-top:6px}.history-columns{grid-template-columns:1fr}.history-columns .card>.card-heading{padding:18px 20px}.vocabulary-grid{padding:17px;grid-template-columns:1fr;gap:12px}#view-vocabulary .card>.card-heading{padding:18px 20px;gap:10px}#view-vocabulary .card-heading h2{font-size:11px;gap:6px}.vocabulary-entry{padding:19px}.download-card{padding:25px}.download-card h2{font-size:22px}.download-card>p{font-size:11px}.installation-guide{padding:23px}.guide-step{gap:16px}.guide-step p{font-size:10px}.login-dialog{grid-template-columns:1fr;width:calc(100vw - 32px);max-width:420px;max-height:calc(100dvh - 32px);overflow-y:auto}.login-art{display:none}.login-form-wrap{padding:34px 27px 29px}.login-form-wrap h2{font-size:23px}.login-form-wrap .eyebrow{font-size:8px}.login-form-wrap>.muted{font-size:11px}.login-form-wrap .field>span{font-size:11px}.upload-dialog{padding:24px 22px;max-height:calc(100dvh - 30px)}.dialog-heading h2{font-size:18px}.dialog-heading .section-kicker{font-size:7px}.dialog-actions{gap:8px}.dialog-actions>.primary-button{font-size:11px;padding:11px 12px}.dialog-actions>.secondary-button{font-size:11px;padding:10px 13px}.notice{font-size:11px}.notice.subtle{font-size:9px}.toast{font-size:11px;padding:11px 16px;bottom:max(20px,env(safe-area-inset-bottom))}.field input:not([type=file]),.field select,.field textarea{font-size:16px}.field select{font-size:12px}.search-field input{font-size:16px;transform-origin:left center;transform:scale(.7);width:142%;margin-right:-42%}.chat-composer textarea{font-size:16px}.speed-control select{font-size:12px}}
@media(max-width:375px){.topbar{padding:0 14px}.topbar-crumb{gap:7px;font-size:9px}.user-label{display:none}.page-content{padding:23px 14px 14px}.page-heading h1{font-size:22px}.materials-card .search-field{max-width:140px}.materials-card .card-heading .icon-button{margin-right:150px}.segment-text{font-size:12px}.sentence-actions{gap:7px}.record-controls .muted{width:100%;padding-left:2px}.pill{font-size:7px}.player-card{padding:18px 14px 0}}

.speech-playback{display:flex;align-items:center;gap:15px;padding:12px 15px;background:#eef3e5;border:1px solid #e1e8d5;border-radius:10px;margin:0 0 20px}.speech-playback>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#869a6c;white-space:nowrap}.speech-playback audio{height:35px;width:min(330px,100%)}.speech-playback>.icon-button{margin-left:auto}@media(max-width:760px){.speech-playback{gap:8px;padding:10px}.speech-playback>span{font-size:9px}.speech-playback>span .icon{width:14px;height:14px}.speech-playback audio{min-width:0;flex:1}.speech-playback>.icon-button{padding:3px}}

.saved-answer{margin-top:12px;color:#a7b397;font-size:10px}.saved-answer summary{cursor:pointer;color:#8a9e70;display:list-item}.saved-answer p{padding:12px 14px;border-radius:7px;background:#f7f9f2;white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}

.storage-note{font-size:9px;color:#a0ad8f;text-align:center;margin-top:13px;padding-top:12px;border-top:1px solid #eef2e6}@media(max-width:1000px){.storage-note{font-size:8px;text-align:right;border:0;padding-top:0;margin-top:8px}}

.release-qr{margin:0 0 22px;max-width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.release-qr img{display:block;width:200px;height:200px;max-width:100%;object-fit:contain;background:#fff;border:1px solid #e6ebda;border-radius:9px;padding:8px}.release-qr figcaption{font-size:11px;line-height:1.9;color:#99a789}