:root .public-trial .shadow-toolbar,
:root .public-trial .story-actions,
:root .public-trial [data-action="story-image"],
:root .public-trial [data-action="story-audio"],
:root .public-trial [data-action="material-import"],
:root .public-trial #material-generate,
:root .public-trial #material-extract {
	display: none !important;
}
.trial-status {
	padding: 10px 24px;
	border-bottom: 1px solid #c9ddd5;
	background: #eff7f3;
	color: #075444;
	font-size: 13px;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 16px;
}
.trial-status { align-items: center; }
.trial-copy { display: flex; flex-wrap: wrap; gap: 4px 16px; min-width: 0; }
.trial-plan-link { margin-left: auto; min-height: 44px; max-width: 100%; padding: 6px 0; background: transparent; color: inherit; font-weight: 600; text-align: left; text-decoration: underline; text-underline-offset: 4px; }
.trial-plan-link svg { width: 16px; height: 16px; }
#ai-plan p { font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; margin-top: 16px; }
#ai-plan .plan-price { font-size: 26px; font-weight: 600; }
.daily-scene[data-action="story-open"]>img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:3/2;object-fit:contain;filter:none}.daily-scene[data-action="story-open"] .scene-caption{display:block;padding:24px}.daily-scene[data-action="story-open"] .scene-caption p{font-size:23px;line-height:1.5;overflow-wrap:anywhere;margin:14px 0}.daily-scene[data-action="story-open"] .scene-story-link{display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:0;color:var(--green);margin-top:20px}.daily-scene[data-action="story-open"]:focus-visible{outline:3px solid #126451;outline-offset:4px}
.daily-scene[data-action="story-open"]{display:block;width:100%;padding:0;border:0;text-align:left;cursor:pointer;font:inherit;color:inherit}.scene-story-link{display:flex;align-items:center;gap:9px;font-size:14px;margin-top:24px}.story-page{max-width:920px;margin:0 auto}.story-page>.inline-link{margin-bottom:20px}.story-summary{display:flex;flex-wrap:wrap;gap:8px 20px;border-block:1px solid var(--line);padding:16px 0;font-size:13px}.story-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0}.story-picture{margin:24px 0}.story-picture img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#edf1ef}.story-picture figcaption{font-size:11px;color:var(--muted);margin-top:8px}.story-title h2{font-size:24px;line-height:1.5;margin:24px 0 8px;overflow-wrap:anywhere}.story-title p{font-size:19px;line-height:1.6;margin:0 0 24px;overflow-wrap:anywhere}.story-audio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.story-audio h3{font-size:14px;margin:0 0 12px}.story-audio audio{display:block;width:100%;min-width:0}.story-section{padding:24px 0;border-bottom:1px solid var(--line)}.story-section h3{font-size:16px;margin:0 0 16px}.story-bilingual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.story-bilingual p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:15px}.story-bilingual [lang="en"]{font-size:17px}.story-costs{font-size:12px;line-height:1.8;padding-left:18px}.story-page .error{white-space:pre-wrap}@media(max-width:600px){.story-audio,.story-bilingual{grid-template-columns:1fr}.story-bilingual{gap:16px}.story-title h2{font-size:21px}.story-actions .primary{max-width:100%;white-space:normal}.story-picture{margin-inline:0}}
.auto-play-control{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin:12px 0}.auto-play-control [aria-checked="true"]{color:#126451;background:#e0eee7}.auto-play-control button{min-height:44px}
.test-progress{margin:24px 0;padding:20px 0;border-block:1px solid var(--line)}.test-progress meter{width:100%;height:18px;margin:14px 0 8px;accent-color:var(--green)}.test-score-bands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:12px 0 18px;gap:5px}.test-score-bands li{padding:10px 3px;text-align:center;background:#e9eeeb;border-bottom:3px solid transparent;min-height:65px;font-size:13px}.test-score-bands li.is-current{background:#d8eddf;border-color:#0e5b4d;color:#12483b;font-weight:700}.test-score-bands span,.test-score-bands small{display:block}.test-score-bands small{font-size:10px;line-height:1.5;margin-top:5px}.test-advice{padding-left:20px;margin:12px 0;font-size:13px;line-height:1.9}.test-advice li+li{margin-top:12px}.self-grade{border-top:1px solid var(--line);padding:22px 0;margin-top:20px}.self-grade h3,.test-progress h3{font-size:15px;margin-top:18px}.self-score-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:18px 0}.self-score-fields label{font-size:13px;min-width:0}.self-score-fields select{width:100%;margin-top:6px;min-height:44px}
#material-list .material-row{flex-wrap:nowrap;align-items:flex-start;gap:8px;padding:12px 0;touch-action:pan-y}#material-list .material-icon{width:28px;height:28px;margin-top:19px}#material-list .material-icon svg{width:16px;height:16px}#material-list .material-body{flex:1 1 0;min-width:0}#material-list .material-title{display:flex;align-items:center;gap:4px;min-height:40px}#material-list .material-title h3{font-size:17px;margin:0;line-height:1.45;min-width:0}#material-list .material-title .icon-button{width:40px;height:40px;flex:0 0 40px}#material-list .material-body p{margin-top:0}#material-list .row-actions{margin:17px 0 0;flex:0 0 40px}#material-list .row-actions>.icon-button{width:40px;height:40px;flex-basis:40px;background:transparent}.material-menu{position:fixed;inset:auto;margin:0;padding:6px;width:156px;max-width:calc(100vw - 24px);border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);box-shadow:0 5px 20px #102d2420}.material-menu .text-button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;font-size:13px}.material-menu [data-action="delete"]{color:#9f3933}#material-list [data-shadow-material] .material-body>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.test-total{font-size:40px;font-weight:650;margin:18px 0;line-height:1.2}.test-total small{font-size:18px;color:var(--muted)}.test-detail{border-bottom:1px solid var(--line);padding:16px 0;margin:12px 0}.test-detail summary{cursor:pointer;font-weight:600;font-size:14px;overflow-wrap:anywhere}.test-detail .weekly-check{border:0;padding:12px 0}.weekly-workspace p,.weekly-workspace li{overflow-wrap:anywhere}.test-reference{overflow-x:auto;margin:16px 0}.test-reference table{border-collapse:collapse;width:100%;font-size:12px}.test-reference th,.test-reference td{text-align:left;vertical-align:top;padding:10px 6px;border-bottom:1px solid var(--line)}.test-reference td:first-child,.test-reference td:nth-child(2){white-space:nowrap}.test-reference td p{margin:5px 0;line-height:1.6}.weekly-workspace [data-action="weekly-download"]{white-space:normal;max-width:100%;text-align:left}
#speech-records .speech-history li>div{flex:1}#speech-records .speech-metrics-grid strong{flex:auto;font-size:20px;line-height:1.4}#speech-records .speech-metrics-grid{gap:10px}#speech-records .speech-metrics-grid small{font-size:10px}
.translation-profile{font-size:11px;color:var(--muted);line-height:1.7;margin-top:8px}.speech-metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0;padding:16px 0;border-block:1px solid var(--line);text-align:left}.speech-metrics-grid dt{font-size:11px;color:var(--muted)}.speech-metrics-grid dd{margin:8px 0 0;overflow-wrap:anywhere}.speech-metrics-grid strong{font-size:23px;font-weight:500;color:var(--green);font-variant-numeric:tabular-nums}.speech-metrics-grid small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}#speech-metrics h3{font-size:16px}.speech-metrics-result{margin:22px 0}.speech-metrics-result h2{font-size:16px}@media(max-width:600px){.speech-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.speech-metrics-grid strong{font-size:21px}}
#material-candidates .candidate-fields>summary{padding:6px 0 10px;line-height:1.6;overflow-wrap:anywhere}#material-candidates .candidate-fields>summary strong{font-size:16px;font-weight:500}#material-candidates .candidate-fields>summary span{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.weekly-panel{padding:22px 0;border-block:1px solid var(--line);margin:0 0 30px}.weekly-panel .section-heading{flex-wrap:wrap;margin-bottom:14px}.weekly-panel h2{display:flex;align-items:center;gap:10px}.weekly-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.weekly-controls .check-line{margin:0}.weekly-controls input{width:18px;height:18px}.weekly-panel .ai-caveat{margin-bottom:0}.growth-summary{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0 22px;font-size:13px}.growth-summary strong{color:var(--green);margin-left:5px}.growth-review{list-style:none;padding:0}.growth-review li{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:8px 0;font-size:14px}.growth-review span{overflow-wrap:anywhere;min-width:0}#weekly-growth h3{font-size:15px}.weekly-results{list-style:none;padding:0;margin:0}.weekly-results>li{padding:20px 0;border-bottom:1px solid var(--line)}.weekly-results h3{font-size:15px;margin-bottom:16px}.weekly-score-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.weekly-score-grid>div{display:grid;gap:7px;font-size:12px}.weekly-score-grid strong{font-size:24px;color:var(--green)}.weekly-score-grid small{font-size:10px;color:#65766b}.weekly-workspace{max-width:760px;margin:28px auto}.weekly-workspace h1{font-size:25px}.weekly-instruction,.weekly-check>p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.weekly-prompt{font-family:Georgia,serif;font-size:21px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap;margin:22px 0}.weekly-timer{width:75px;flex:0 0 75px;text-align:right;font-size:24px;font-variant-numeric:tabular-nums;color:var(--green)}.weekly-listening{display:flex;align-items:center;justify-content:center;gap:16px;min-height:100px;margin:16px 0;border-block:1px solid var(--line);color:var(--green)}.weekly-fallback{margin:18px 0;font-size:12px}.weekly-fallback summary{cursor:pointer;color:var(--green)}.weekly-fallback label{margin-top:14px}#weekly-answer{font-size:16px}.weekly-check{border-top:1px solid var(--line);padding-top:22px}.weekly-check fieldset{border:0;padding:18px 0;margin:16px 0;min-width:0}.weekly-check legend{font-size:13px}.weekly-rating{display:flex;flex-wrap:wrap;gap:12px}.weekly-rating button{flex:1 1 150px}.weekly-workspace .ai-actions{margin:18px 0}.weekly-workspace .ai-actions button{max-width:100%}@media(max-width:600px){.weekly-score-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}.weekly-panel .section-note{font-size:10px}.weekly-controls{align-items:flex-start;flex-direction:column}.weekly-controls .primary{width:100%}.weekly-prompt{font-size:19px}.weekly-rating button{flex-basis:100%}.weekly-panel button{max-width:100%}}
.sidebar .brand{gap:8px}.sidebar .brand img{width:32px;height:32px;flex:0 0 32px}.sidebar .brand>span{min-width:0;font-size:20px}
:root{font-family:"Yu Gothic","Aptos",Meiryo,sans-serif;color:#143b33;background:#fdfefd;font-synthesis:none;font-weight:400;--green:#075444;--ink:#143b33;--muted:#626a72;--line:#e8eae6;--orange:#a9814d;--pale:#edf5ef;letter-spacing:0}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;line-height:1.45}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d69b33;outline-offset:4px}svg{width:20px;height:20px;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:32px;font-weight:600;line-height:1.55}h2{font-size:18px;font-weight:650}h3{font-size:20px;font-weight:600}a{color:inherit;text-decoration:none}small{font-size:12px}.muted{color:var(--muted)}
.sidebar{width:236px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:36px 23px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand img{border-radius:8px}.brand>span{font-family:Georgia,serif;font-size:27px;line-height:1.1}.brand-sub{display:block;font:8px "Aptos",sans-serif;margin-top:8px;color:var(--muted)}.workspace-label{font-size:10px;color:#8b9890;margin:54px 12px 16px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{justify-content:flex-start;padding:14px 16px;border-radius:6px;background:transparent;color:#6a7971;font-size:14px;min-height:48px}.sidebar nav button.active{color:var(--green);background:#e9f2ed;font-weight:700}.sidebar nav button:hover{background:#f0f5f1}.sidebar-bottom{margin-top:auto;padding:40px 12px 0}.edition{font-size:10px;color:#9aa69d}.sidebar-bottom p{font-size:16px;line-height:1.9;margin:18px 0 28px}.local-badge{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.local-badge svg{width:14px;height:14px}.workspace{margin-left:236px}.topbar{height:86px;padding:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#ffffffb3}.breadcrumb{font-size:10px;color:var(--muted);display:flex;gap:16px;align-items:center}.breadcrumb b{font-size:12px;font-weight:500;color:var(--ink)}.top-actions{display:flex;gap:20px;align-items:center}.connection{font-size:9px;color:#819288}.icon-button{width:40px;height:40px;flex:0 0 40px;border-radius:6px;background:transparent;color:#718179}.icon-button:hover{background:var(--pale);color:var(--green)}.small-button{font-size:12px;background:var(--pale);color:var(--green);padding:9px 12px;border-radius:4px}
main{max-width:1320px;margin:0 auto;padding:43px 5% 40px;min-height:calc(100dvh - 152px)}main:focus{outline:none}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:35px}.eyebrow{font-size:10px;color:var(--green);font-weight:700;margin-bottom:12px}.subtitle{color:var(--muted);font-size:13px;margin-top:8px;line-height:1.8}.overview{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:36px}.overview>div{padding:0 28px;border-right:1px solid var(--line)}.overview>div:first-child{padding-left:0}.overview>div:last-child{border-right:0}.metric-label{font-size:12px;color:#63746c}.metric{font-size:34px;font-weight:500;line-height:1.3;margin:10px 0 8px;font-variant-numeric:tabular-nums}.metric small{font-size:12px;color:var(--muted);font-weight:400}.metric-note{font-size:10px;color:#8c9891}.mini-track{height:4px;border-radius:2px;background:#e6ece7;width:130px;max-width:100%;margin-top:13px}.mini-track span{display:block;height:100%;background:var(--green);border-radius:2px}.inline-link{font-size:12px;background:none;color:var(--green);padding:3px 0}.inline-link svg{width:16px;height:16px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.section-note{font-size:9px;color:#8a9890}.practice-layout{display:grid;grid-template-columns:1.18fr 1fr;gap:45px}.practice-config{min-width:0}.segmented{display:flex;background:#eaf0eb;padding:4px;border-radius:6px;gap:4px}.segmented button{flex:1;min-height:42px;font-size:12px;color:#78877e;background:transparent;border-radius:4px;padding:8px 10px}.segmented button.selected{background:white;color:var(--green);box-shadow:0 1px 4px #243f2310;font-weight:650}.segmented svg{width:17px;height:17px}.lesson-number{font-size:10px;color:var(--orange);margin:28px 0 13px}.practice-config h3{font-size:23px;line-height:1.65}.practice-description{font-size:12px;color:#829087;line-height:1.9;margin-top:11px}.practice-fields{display:grid;grid-template-columns:1.3fr 1fr;gap:15px;margin:24px 0 15px}label{display:grid;gap:8px;color:#65766b;font-size:12px}input,select,textarea{width:100%;border:1px solid #d6e0d9;background:#fff;color:var(--ink);border-radius:5px;padding:12px;font-size:14px;min-width:0}select{min-height:45px}textarea{resize:vertical;line-height:1.6}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green);margin:0}.check-line{display:flex;align-items:center;gap:9px}.start-row{display:flex;align-items:center;gap:20px;margin-top:26px}.start-row>span{font-size:12px;white-space:nowrap}.primary,.secondary,.text-button{padding:12px 19px;font-size:13px;border-radius:5px;min-height:44px}.primary{background:var(--green);color:#fff}.primary:hover{background:#0b5145}.secondary{background:#fff;border:1px solid var(--line);color:var(--green)}.secondary:hover{background:#edf3ef}.text-button{background:transparent;color:var(--green)}.text-button:hover{background:var(--pale)}.primary.large{padding:15px 22px;font-size:14px;min-height:51px}.empty-hint{font-size:12px;color:var(--orange);margin-top:16px}.daily-scene{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#eaf0e8;border-radius:6px}.daily-scene>img{width:100%;height:228px;object-fit:cover;object-position:center 42%}.scene-caption{padding:26px 28px;background:#e9eee3;flex:1}.scene-caption>span{font-size:9px;color:#6f8266}.scene-caption p{font-family:Georgia,serif;font-size:27px;line-height:1.3;color:#43543d;margin:13px 0 22px}.scene-caption>div{display:flex;gap:9px;align-items:center;font-size:8px;color:#819172}.scene-caption svg{width:15px;height:15px}.topics-section{margin-top:43px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topic-item{background:none;text-align:left;justify-content:flex-start;gap:12px;padding:21px 15px;border-right:1px solid var(--line);min-width:0}.topic-item:first-child{padding-left:0}.topic-item:last-child{border:0}.topic-item:hover{background:#eef3ed}.topic-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:5px;flex-shrink:0}.topic-0{color:#b66f25;background:#fbefd9}.topic-1{color:#3a7a64;background:#e5f0e8}.topic-2{color:#aa614c;background:#f7e9e3}.topic-item strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.topic-item small{font-size:9px;color:#94a095;display:block;margin-top:6px}.topic-count{margin-left:auto;white-space:nowrap;font-size:10px;color:#7e8e82}.topic-count svg{width:12px;height:12px;margin-left:4px}.page-footer{max-width:1320px;margin:0 auto;padding:0 5% 26px;display:flex;justify-content:space-between;color:#9aa79d;font-size:9px;gap:15px}
.session-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px}.session-top>span{font-size:11px;color:var(--muted)}.session-top b{font-size:19px;color:var(--green);margin-left:12px}.session-track{height:4px;background:#e3ebe5}.session-track span{height:100%;background:var(--green);display:block;transition:width .2s}.question-area{max-width:740px;margin:38px auto 0;text-align:center}.question-kind{font-size:12px;color:var(--muted)}h1.question{font-size:27px;line-height:1.8;min-height:125px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;margin:18px 0 24px}.thinking{display:grid;justify-items:center;gap:32px;padding:25px 0}.countdown{width:105px;height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #bdd3c2;border-radius:50%;font-variant-numeric:tabular-nums;color:var(--green)}.countdown span{font-size:32px}.countdown small{font-size:10px}.answer-block{text-align:left;border-top:1px solid var(--line);padding:28px 0}.answer-heading{display:flex;align-items:flex-start;gap:18px;justify-content:space-between}.english-answer{font-family:Georgia,serif;font-size:30px;line-height:1.5;color:var(--green);overflow-wrap:anywhere}.answer-heading .icon-button{background:#e3eee6;color:var(--green)}.example{margin-top:28px}.tiny-label{font-size:9px;color:var(--orange)}.example>div{display:flex;align-items:center;gap:10px;margin-top:8px}.example p{font-size:17px;line-height:1.7;flex:1;overflow-wrap:anywhere}.answer-note{font-size:13px;line-height:1.9;color:var(--muted);margin-top:15px;white-space:pre-wrap;overflow-wrap:anywhere}.rating{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.rating button{min-height:57px}.speaking{background:#f8dfac!important;color:#855507!important}.pause-state{display:grid;place-items:center;gap:32px;margin:40px}.pause-state>svg{width:58px;height:58px;color:#a2b8a5}.result{text-align:center;max-width:770px;margin:35px auto}.result-mark{width:82px;height:82px;background:#e6f0df;border-radius:50%;display:grid;place-items:center;margin:0 auto 28px;color:var(--green)}.result-mark svg{width:36px;height:36px}.result h1{font-size:35px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;margin:38px 0}.result-stats strong{font-size:36px;font-weight:500;display:block}.result-stats span{display:block;font-size:12px;color:var(--muted);margin-top:9px}.result-actions{display:flex;justify-content:center;gap:16px}.saved-line{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:11px;margin-top:24px}
.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.library-toolbar .segmented{min-width:300px}.search{position:relative;display:flex;align-items:center;max-width:340px;flex:1}.search>svg{position:absolute;left:13px;width:17px;color:var(--muted)}.search input{padding-left:40px}.material-row{display:flex;align-items:center;gap:18px;padding:22px 0;border-top:1px solid var(--line)}.material-icon{width:40px;height:40px;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.material-icon.word{background:#e9f0e3;color:var(--green)}.material-icon.sentence{background:#f8e8df;color:var(--orange)}.material-body{flex:1;min-width:0}.material-topic{font-size:10px;color:#819283}.material-topic b{font-weight:400;background:#f7ecd5;color:#9b6726;padding:3px 7px;margin-left:8px;border-radius:3px}.material-body h3{font-family:Georgia,serif;font-size:19px;line-height:1.5;overflow-wrap:anywhere;margin-top:6px}.material-body p{color:var(--muted);font-size:12px;margin-top:5px;line-height:1.7;overflow-wrap:anywhere}.row-actions{display:flex;gap:4px;flex-shrink:0}.backup-actions{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:25px;margin-top:10px}.empty-state{padding:60px 20px;text-align:center}.empty-state>svg{width:42px;height:42px;color:#b3c5b6;margin-bottom:20px}.empty-state p{font-size:13px;line-height:1.7;color:var(--muted);margin:15px 0 20px}.record-section{margin-bottom:40px}.chart{height:230px;display:grid;grid-template-columns:repeat(7,1fr);gap:20px;padding:10px 15px 0}.chart-day{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.chart-day strong{font-size:13px;font-weight:500;color:var(--ink)}.bar-track{height:155px;width:35px;max-width:100%;background:#ecf1eb;display:flex;align-items:flex-end;border-radius:4px 4px 0 0;overflow:hidden}.bar{width:100%;background:#95b29b}.chart-day.today .bar{background:var(--green)}.chart-day.today>span{color:var(--green);font-weight:700}.record-caption{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);padding-top:20px}.record-caption span{margin-left:auto;font-size:10px}.record-caption svg{width:16px;height:16px}.record-row{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding:25px 0;font-size:13px}.record-row>span:first-child{display:flex;align-items:center;gap:12px;flex:1}.record-row>span:last-child{font-size:11px;color:var(--muted)}
dialog{border:1px solid var(--line);border-radius:8px;padding:28px;width:min(580px,calc(100% - 32px));max-height:90dvh;color:var(--ink);background:#fbfcfa;box-shadow:0 20px 100px #102d2430}dialog::backdrop{background:#182d275c;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.dialog-heading h2{font-size:21px}dialog label{margin-bottom:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:24px}.privacy-note,#confirm-body{font-size:13px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}.error{font-size:12px;color:#a64230}.warning{padding:15px 5%;background:#fff1cd;font-size:13px;line-height:1.7}.warning button{font-size:12px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);width:max-content;max-width:calc(100% - 36px);padding:14px 23px;background:#263e34;color:#fff;border-radius:6px;font-size:13px;line-height:1.7;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.practice-layout{gap:65px}.daily-scene>img{height:245px}}
@media(max-width:1150px){.sidebar{width:195px;padding:30px 18px}.workspace{margin-left:195px}.brand>span{font-size:24px}.practice-layout{gap:25px;grid-template-columns:1.2fr 1fr}.practice-config h3{font-size:20px}.scene-caption{padding:24px 20px}.scene-caption p{font-size:24px}.topic-grid{grid-template-columns:1fr}.topic-item{border-right:0;border-bottom:1px solid var(--line);padding:16px 0}.topic-item small{font-size:11px}.topic-count{font-size:11px}.library-toolbar{flex-wrap:wrap}.search{max-width:none}.start-row{gap:12px}.start-row .primary{padding:14px 15px}}
@media(max-width:800px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:calc(72px + env(safe-area-inset-bottom));padding:0 12px env(safe-area-inset-bottom);border-right:0;border-top:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(14px)}.sidebar .brand,.workspace-label,.sidebar-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0;height:72px}.sidebar nav button{flex-direction:column;gap:4px;justify-content:center;font-size:10px;border-radius:0;padding:8px}.sidebar nav button.active{background:transparent;color:var(--green);border-top:2px solid var(--green)}.workspace{margin-left:0;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.topbar{height:65px;padding:0 22px}.breadcrumb{font-size:10px;gap:10px}.connection{display:none}.top-actions{gap:7px}main{padding:27px 22px 32px;min-height:calc(100dvh - 210px)}h1{font-size:27px}.page-heading{margin-bottom:26px}.overview{margin-bottom:28px;padding:20px 0}.overview>div{padding:0 18px}.metric{font-size:30px}.practice-layout{grid-template-columns:1.2fr 1fr;gap:25px}.daily-scene>img{height:190px}.scene-caption p{font-size:24px}.page-footer{padding:0 22px 22px}.section-note{font-size:8px}.question-area{margin-top:30px}.result{margin-top:25px}#toast{bottom:95px}.record-row{gap:15px}.small-button{font-size:10px;padding:7px}.small-button svg{width:15px}}
@media(max-width:600px){h1{font-size:25px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:15px}.eyebrow{font-size:9px;margin-bottom:9px}.subtitle{font-size:12px}.overview>div{padding:0 13px}.metric-label{font-size:10px}.metric{font-size:29px}.metric small{font-size:10px}.metric-note{font-size:9px}.mini-track{width:80px}.overview .inline-link{font-size:10px}.practice-layout{display:flex;flex-direction:column;gap:27px}.practice-config h3{font-size:21px}.segmented button{font-size:12px;min-height:45px}.practice-description{font-size:12px}.practice-fields{margin-top:20px}.start-row .primary{flex:1;min-width:0}.start-row{gap:16px}.daily-scene{display:grid;grid-template-columns:120px 1fr;border-radius:5px}.daily-scene>img{height:100%;min-height:158px;object-position:48% center}.scene-caption{padding:18px}.scene-caption p{font-size:21px;margin:10px 0}.scene-caption>span{font-size:7px}.scene-caption>div{font-size:6px;gap:5px}.scene-caption svg{width:12px}.topics-section{margin-top:30px}.section-heading{margin-bottom:18px}h2{font-size:16px}.page-footer{font-size:8px}.session-top>span{font-size:9px}.session-top b{margin-left:3px;font-size:17px}.session-top .inline-link{font-size:11px}h1.question{font-size:23px;min-height:115px}.english-answer{font-size:25px}.answer-block{padding:22px 0}.answer-note{font-size:12px}.rating{gap:12px}.rating button{font-size:13px;padding:12px}.library-toolbar{gap:16px}.library-toolbar .segmented{width:100%;min-width:0}.search{flex-basis:100%}.material-row{gap:12px;align-items:flex-start;flex-wrap:wrap;padding:20px 0}.material-icon{width:33px;height:33px}.material-icon svg{width:18px;height:18px}.material-body{flex-basis:calc(100% - 50px)}.material-body h3{font-size:18px}.row-actions{margin-left:45px}.row-actions .icon-button{width:38px;height:34px;flex-basis:38px;background:#edf2ed}.backup-actions{gap:4px;flex-direction:column;align-items:flex-start}.backup-actions button{font-size:12px}.result h1{font-size:29px}.result-stats{margin:30px 0}.result-stats strong{font-size:30px}.result-stats span{font-size:10px}.result-actions{flex-direction:column}.chart{gap:12px;padding:0}.bar-track{width:27px}.record-caption{align-items:flex-start;flex-wrap:wrap;line-height:1.7}.record-caption span{margin-left:24px}.record-row{flex-wrap:wrap;gap:14px}.record-row>span:last-child{flex-basis:100%;padding-left:32px}.form-row{grid-template-columns:1fr;gap:0}dialog{padding:22px}.topbar .breadcrumb b{font-size:10px}.topbar{padding:0 18px}.question-area .eyebrow{font-size:10px}.start-row>span{font-size:11px}}
@media(max-width:600px){main{padding-top:20px}.page-heading{margin-bottom:20px}.overview{padding:16px 0;margin-bottom:22px}.overview .metric-note{display:none}.metric{margin:7px 0}.lesson-number{margin-top:18px}.practice-description{line-height:1.7;margin-top:8px}.practice-fields{margin-top:16px}.start-row{margin-top:20px}.breadcrumb{flex-wrap:wrap;gap:5px 9px}.top-actions{flex-shrink:0}.topbar{gap:10px}}
.ai-panel{text-align:left;border-block:1px solid var(--line);padding:24px 0;margin:20px 0}.ai-panel h2{display:flex;align-items:center;gap:9px}.ai-panel .section-heading{flex-wrap:wrap;margin-bottom:12px}.ai-badge{font-size:10px;color:var(--green)}.ai-privacy,.ai-caveat{font-size:11px;line-height:1.8;color:#65766b;margin:12px 0 18px}.ai-answer-label{margin:18px 0}.ai-actions{display:flex;gap:10px;flex-wrap:wrap}.ai-status{font-size:12px;color:var(--green);margin-top:12px}.ai-panel .error{line-height:1.8}.ai-panel h3{font-size:18px;margin-top:24px}.ai-panel h4{font-size:12px;color:var(--green);margin:18px 0 8px}#ai-feedback p,#ai-feedback li{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}#ai-feedback h3+p{margin-top:12px}#ai-feedback ul{padding-left:20px}.ai-panel textarea{font-size:16px}
.recording-panel{border-top:1px solid var(--line);padding:18px 0;text-align:left}.recording-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:13px;font-size:12px}.recording-heading>span:first-child{display:flex;align-items:center;gap:8px}.recording-status{font-size:11px;color:var(--muted)}.recording-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.recording-controls audio{flex:1 1 220px;width:100%;min-width:0;height:44px}.recording-stop{color:#a64230;border-color:#dca89c}.recording-panel .error{margin-top:12px;line-height:1.8}.recording-controls>.secondary{flex-shrink:0}
@media(max-width:600px){.recording-controls audio{order:3;flex-basis:100%}.recording-controls>.icon-button{margin-left:auto}}
.cost-section{margin-top:40px;border-top:1px solid var(--line);padding-top:28px}.cost-section .section-heading{flex-wrap:wrap}.cost-section h2{display:flex;align-items:center;gap:9px}.cost-month{display:flex;align-items:center;gap:10px;font-size:12px}.cost-month select{width:140px}.cost-overview .metric{font-size:24px;overflow-wrap:anywhere}.cost-overview>div{min-width:0}.cost-overview .metric-note{display:block}.cost-breakdown{margin:0}.cost-breakdown>div{display:flex;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.cost-breakdown dt span,.cost-breakdown dd small{display:block;font-size:11px;color:#65766b;margin-top:8px;line-height:1.8}.cost-breakdown dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.cost-details{margin-top:22px;font-size:12px;line-height:1.9;color:#65766b}.cost-details summary{cursor:pointer;color:var(--green)}.cost-details p{margin-top:12px;overflow-wrap:anywhere}.cost-details a{color:var(--green);text-decoration:underline}@media(max-width:600px){.cost-overview{grid-template-columns:1fr;gap:18px}.cost-overview>div{border:0;padding:0}.cost-overview .metric{font-size:26px}.cost-breakdown>div{flex-wrap:wrap}.cost-breakdown dd{text-align:left}.cost-month select{font-size:16px}}
.time-overview .metric{font-size:22px;overflow-wrap:anywhere}.time-overview>div{min-width:0}.time-breakdown{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;font-variant-numeric:tabular-nums}.time-breakdown caption{text-align:left;font-weight:600;margin-bottom:14px}.time-breakdown th,.time-breakdown td{padding:14px 8px;border-bottom:1px solid var(--line);text-align:right;overflow-wrap:anywhere}.time-breakdown th:first-child{text-align:left;padding-left:0}.time-breakdown thead th{font-size:11px;color:#65766b;font-weight:400}.time-breakdown tbody th{font-weight:500}.session-duration{font-size:14px;color:var(--green);margin-top:24px}.session-duration strong{font-variant-numeric:tabular-nums;margin-left:10px}@media(max-width:600px){.time-overview{grid-template-columns:1fr;gap:16px}.time-overview>div{border:0;padding:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.time-overview .metric{font-size:22px;margin:0}.time-breakdown{font-size:12px}.time-breakdown th,.time-breakdown td{padding:12px 4px}.time-breakdown thead th{font-size:10px}}
.practice-config>.segmented{flex-wrap:wrap}.practice-config>.segmented button{flex:1 1 120px}.speech-topic-label{margin-top:22px}.speech-topic-label select{width:100%;min-width:0;text-overflow:ellipsis}.speech-topic-preview{font-family:Georgia,serif;overflow-wrap:anywhere;margin:22px 0 12px}.speech-workspace{max-width:760px;margin:32px auto}.speech-question{font-family:Georgia,serif;font-size:25px;line-height:1.6;overflow-wrap:anywhere}.speech-step{padding:25px 0;border-bottom:1px solid var(--line)}.speech-step h2{margin-bottom:20px}.speech-step label{margin:16px 0}.speech-step textarea{font-size:16px}.speech-step .section-heading h2{margin:0}.speech-step .recording-panel{border-top:0;padding-bottom:0}.speech-clock{display:flex;align-items:center;gap:10px;flex:0 0 110px;justify-content:flex-end}.speech-clock span{font-size:11px;color:var(--muted)}.speech-clock strong{font-size:28px;font-weight:500;width:65px;font-variant-numeric:tabular-nums;text-align:right}.speech-score-label{max-width:260px}.speech-actions{display:flex;flex-wrap:wrap;gap:12px}.speech-actions button{flex:1 1 220px}.speech-records{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.speech-records .section-heading{flex-wrap:wrap}.speech-history{list-style:none;margin:0;padding:0}.speech-history li{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0}.speech-history li>div{min-width:0}.speech-history span{font-size:11px;color:var(--muted)}.speech-history p{font-size:14px;line-height:1.7;margin-top:8px;overflow-wrap:anywhere}.speech-history strong{flex:0 0 160px;font-size:12px;line-height:1.8;color:var(--green);font-weight:500}@media(max-width:600px){.speech-question{font-size:22px}.speech-workspace{margin-top:25px}.speech-history li{flex-wrap:wrap;gap:12px}.speech-topic-label select{font-size:16px}.speech-records .section-note{font-size:10px}}
.speech-clock{flex-basis:130px}.speech-clock span{white-space:nowrap}.speech-clock strong{flex:0 0 65px}
.reading-questions label{font-size:16px}
.reading-workspace{max-width:760px;margin:32px auto;overflow-wrap:anywhere}.reading-workspace h1{font-size:25px;line-height:1.5;margin:20px 0}.reading-workspace h2{font-size:19px}.reading-workspace .section-heading{flex-wrap:wrap;margin:20px 0}.reading-workspace p{line-height:1.85}.reading-cover{display:block;width:100%;max-width:520px;height:auto;aspect-ratio:3/2;object-fit:contain;margin:20px 0}.reading-passage{font-family:Georgia,serif;font-size:19px;line-height:1.9;letter-spacing:0}.reading-passage p{margin:0 0 24px}.reading-timer{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:110px;text-align:right}.reading-timer output{font-size:23px}.reading-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.reading-tools button span{display:inline-block;min-width:60px;font-variant-numeric:tabular-nums}.reading-questions fieldset{min-width:0;border:0;border-bottom:1px solid var(--line);padding:20px 0;margin:0 0 18px}.reading-questions legend{font-size:17px;line-height:1.6}.reading-questions label{display:flex;align-items:flex-start;gap:12px;padding:10px 0;line-height:1.7;cursor:pointer}.reading-questions input{width:18px;height:18px;flex:0 0 18px;margin-top:4px}.reading-evidence{padding-left:22px}.reading-evidence li{padding:12px 0;border-bottom:1px solid var(--line)}.reading-vocabulary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.reading-vocabulary dd{margin:4px 0}.reading-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;text-align:left;margin:24px 0}.reading-metrics dt{font-size:13px;line-height:1.6}.reading-metrics dd{font-size:28px;margin:10px 0;font-variant-numeric:tabular-nums}.reading-metrics small{font-size:12px;line-height:1.7}.reading-log-fields{display:grid;gap:16px;margin:20px 0}.reading-log-fields input{max-width:240px;font-size:16px}.reading-workspace summary,#reading-records summary{cursor:pointer;padding:12px 0;min-height:44px;line-height:1.7}.reading-workspace .primary{margin:20px 0}.reading-workspace .check-line{line-height:1.8;margin:20px 0}.reading-workspace .check-line input{width:18px;height:18px;flex-shrink:0}.reading-workspace .ai-caveat{font-size:12px}#reading-records>details{border-bottom:1px solid var(--line)}
.picture-lesson{min-width:0;margin:20px 0;font-size:14px;line-height:1.85;overflow-wrap:anywhere;letter-spacing:0}.picture-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.picture-meta{font-size:12px;color:var(--muted);margin:12px 0}.picture-challenge,.picture-example{font-family:Georgia,serif;font-size:18px;line-height:1.8;margin:16px 0}.picture-lesson summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--green)}.picture-lesson details{border-bottom:1px solid var(--line)}.picture-lesson details p{margin:12px 0}.picture-pairs{padding-left:24px;margin:12px 0 20px}.picture-pairs li{margin:12px 0}.picture-pairs span{display:block}.picture-pairs [lang="ja"]{font-size:13px;color:var(--muted)}
:is(.shadow-guide,.speech-guide){font-size:14px;line-height:1.9;overflow-wrap:anywhere}:is(.shadow-guide,.speech-guide)>p,.speech-guide details>p{margin:16px 0}:is(.shadow-guide,.speech-guide) ol,.speech-guide ul{padding-left:24px;margin:12px 0 24px}:is(.shadow-guide,.speech-guide) li+li{margin-top:12px}:is(.shadow-guide,.speech-guide) summary,.shadow-translation summary,.shadow-notes summary,.shadow-script summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--green);font-size:14px;line-height:1.7}.shadow-translation .shadow-text,.shadow-notes .shadow-text{font-family:inherit;font-size:15px;line-height:1.9;letter-spacing:0}:is(.shadow-guide,.speech-guide) .ai-caveat{font-size:12px}
.shadow-text{font-family:Georgia,serif;font-size:19px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0}.shadow-script summary{cursor:pointer;font-size:13px;color:var(--green)}.shadow-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.shadow-toolbar label{flex:1 1 100px;min-width:0;margin:0}.shadow-toolbar .check-line{flex:1 1 150px}.shadow-toolbar input[type=number],.shadow-toolbar select{font-size:16px}.shadow-toolbar input[type=checkbox]{width:18px;height:18px;flex:0 0 18px}#shadow-audio{width:100%;height:48px;display:block;margin:18px 0}.shadow-workspace>button{margin-top:24px}#shadow-material-form textarea{font-size:16px}.shadow-workspace .speech-step>.ai-panel{border:0;margin-bottom:0}.shadow-workspace .section-heading{flex-wrap:wrap}
.speech-topic-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.library-toolbar .segmented{flex-wrap:wrap}.library-toolbar .segmented button{flex:1 1 110px}#speech-topic-form textarea{font-size:16px}
.ai-panel>h3{display:flex;align-items:center;gap:8px}.ai-panel>h3 svg{width:20px;height:20px;flex-shrink:0}#pronunciation-feedback{margin-top:20px}#pronunciation-feedback p{font-size:14px;line-height:1.9;overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0}.sound-point{padding:14px 0;border-bottom:1px solid var(--line)}.sound-point h4{font-size:15px;margin:0 0 8px}#pronunciation-feedback .sound-status{color:var(--green);font-size:12px;font-weight:600}.ai-panel>[data-action="ai-pronunciation"]{max-width:100%;white-space:normal;text-align:left}
.sound-highlight{font:inherit;font-family:Georgia,serif;font-size:18px;line-height:1.7;white-space:normal;overflow-wrap:anywhere;max-width:100%;padding:4px 8px;border:0;border-radius:4px;text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.sound-highlight--improve{background:#fce4e4;color:#853333}.sound-highlight--good{background:#dff2e4;color:#245d3b}.sound-highlight:focus-visible{outline:2px solid currentColor;outline-offset:3px}.sound-popover{position:fixed;inset:auto;margin:0;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);box-shadow:0 8px 30px #163a2829}.sound-popover--improve{border-top:5px solid #edb5b5}.sound-popover--good{border-top:5px solid #add5b9}.sound-popover-heading{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.sound-popover-heading h4{margin:0;line-height:1.6}.sound-popover-heading .icon-button{flex:0 0 36px;width:36px;height:36px}.sound-popover::backdrop{background:transparent}
.shadow-text .sound-highlight{display:inline;font:inherit;line-height:inherit;padding:2px 0;letter-spacing:0;vertical-align:baseline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.sound-highlight--mixed{box-shadow:inset 0 -3px #add5b9}.sound-popover p{font-size:14px;line-height:1.9;overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0}.sound-popover h4{font-size:15px;color:var(--green)}.sound-popover .sound-status{font-size:12px;color:var(--green)}.sound-popover .ai-caveat{font-size:11px}
.word-details{margin:20px 0;text-align:left;border-block:1px solid var(--line)}.word-details>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px;padding:14px 0}.word-details>div+div{border-top:1px solid var(--line)}.word-details dt{font-size:12px;color:var(--muted);line-height:1.9}.word-details dd{margin:0;font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}#word-fields{border:0;border-top:1px solid var(--line);padding:16px 0 0;margin:20px 0;min-width:0}#word-fields legend{font-size:12px;color:var(--green);padding-right:10px}#word-fields input,#word-fields textarea{font-size:16px}@media(max-width:600px){.word-details>div{grid-template-columns:1fr;gap:5px}}
.word-practice main{padding-top:16px;padding-bottom:16px;min-height:calc(100dvh - 86px)}.word-practice .page-footer{display:none}.word-practice .session-top{margin-bottom:10px}.word-practice .question-area{margin-top:14px}.word-practice .question-area>.eyebrow{margin-bottom:5px}.word-practice h1.question{font-size:22px;line-height:1.5;min-height:48px;margin:10px 0 12px}.word-practice .thinking{gap:18px;padding:16px 0}.word-practice .countdown{height:78px;width:78px}.word-practice .countdown span{font-size:26px}.word-practice .recording-panel{padding:10px 0}.word-practice .recording-heading{margin-bottom:7px}.word-practice .answer-block{padding:14px 0 8px}.word-practice .answer-heading{align-items:center;gap:10px}.word-practice .english-answer{flex:1;min-width:0;font-size:26px;line-height:1.3}.pos-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;height:32px;font-size:13px;font-weight:700;border-radius:4px;background:#e5edf6;color:#36556e;cursor:help}.pos-tooltip{display:none;position:absolute;top:36px;left:0;z-index:5;width:max-content;max-width:200px;padding:8px;background:#253631;color:white;border-radius:4px;font-size:12px;white-space:normal;overflow-wrap:anywhere}.pos-badge:hover .pos-tooltip,.pos-badge:focus .pos-tooltip{display:block}.word-practice .word-details{margin:10px 0;border:0}.word-practice .word-details>div{grid-template-columns:46px minmax(0,1fr);gap:8px;padding:0}.word-practice .word-details dd{font-size:13px;line-height:1.6;max-height:84px;overflow:auto}.word-practice .word-details dt{font-size:11px;line-height:1.8}.word-extra{text-align:left;font-size:12px;color:var(--muted)}.word-extra summary{cursor:pointer;min-height:32px;align-content:center;color:var(--green)}.word-extra .example{margin-top:8px}.word-extra .example p{font-size:15px}.word-extra .answer-note{margin-top:6px}.word-practice .rating{margin:10px 0 0;gap:10px}.word-practice .rating button{min-height:46px}.word-practice .question-kind{font-size:11px}@media(max-width:800px){.word-practice main{min-height:calc(100dvh - 137px - env(safe-area-inset-bottom));padding-inline:18px}.word-practice .topbar{height:56px}.word-practice h1.question{font-size:20px}.word-practice .english-answer{font-size:23px}}
.speech-step textarea[data-speech-note]{font-size:14px;line-height:1.5;padding:8px 10px;min-height:0;resize:vertical}.speech-step textarea[data-speech-note="intent"],.speech-step textarea[data-speech-note="simplified"]{height:144px}.speech-step textarea[data-speech-note="good"],.speech-step textarea[data-speech-note="unsaid"]{height:81px}
#speech-translation h3{font-size:14px;margin:14px 0 8px;color:var(--green)}#speech-english{font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;margin:0;padding:12px 0;border-block:1px solid var(--line)}#speech-translation .ai-status:empty{display:none}#speech-translation .error{font-size:12px;line-height:1.7}
#material-extras{margin-top:16px;border-block:1px solid var(--line);padding:10px 0}#material-extras summary,.material-candidate summary{font-size:13px;color:var(--green);cursor:pointer;min-height:32px;align-content:center}#material-extras[open]>label:first-of-type{margin-top:12px}.author-status{font-size:12px;line-height:1.7;color:var(--green);margin-top:10px}.author-status:empty{display:none}#editor .dialog-heading{margin-bottom:14px}#editor label{margin-bottom:12px}#editor input,#editor textarea,#editor select,#material-import input,#material-import textarea,#material-import select{font-size:16px}#editor .dialog-actions{margin-top:14px;position:sticky;bottom:-1px;background:#fbfcfa;padding:10px 0}#material-import-warning{font-size:12px;line-height:1.7;margin:16px 0;white-space:pre-wrap;overflow-wrap:anywhere}.material-candidate{border:0;border-top:1px solid var(--line);padding:14px 0;min-width:0;margin:18px 0}.material-candidate legend{font-size:13px;color:var(--green)}.material-candidate .check-line input{width:18px;height:18px}#material-file{max-width:100%;font-size:13px}#material-import .error,#editor .error{line-height:1.7;margin-top:10px}
@media(prefers-reduced-motion:no-preference){.page-heading,.practice-layout,.question-area,.result{animation:arrive .35s ease both}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}