:root{--ink:#183036;--muted:#748286;--paper:#f6f2e9;--card:#fffdfa;--line:#e6e1d7;--teal:#1b6b6c;--teal-dark:#124f51;--coral:#e5775d;--gold:#d4a449;--blue:#5b80a6;--shadow:0 16px 48px rgba(28,54,57,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans SC",sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{height:100vh;position:sticky;top:0;background:#f0ece3;border-right:1px solid var(--line);padding:28px 22px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:"Playfair Display",serif;font-size:24px;font-weight:600}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:50% 50% 48% 52%;background:var(--teal);color:white;font-style:italic}.nav{display:grid;gap:6px;margin:42px 0 30px}.nav-item{border:0;background:transparent;color:#677477;padding:12px 13px;border-radius:12px;display:flex;align-items:center;gap:12px;font:500 14px inherit;text-align:left;cursor:pointer}.nav-item span{font-size:19px;width:20px}.nav-item b{margin-left:auto;background:var(--coral);color:white;border-radius:10px;padding:1px 7px;font-size:11px}.nav-item.active,.nav-item:hover{color:var(--teal-dark);background:#dfe8e4}.course-card{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:24px}.course-art{width:64px;height:86px;flex:0 0 auto;border-radius:7px;background:linear-gradient(155deg,#efd09b 0 43%,#74a6a0 44% 65%,#315f68 66%);display:grid;place-items:center;color:white;font-family:"Playfair Display",serif;font-size:21px;box-shadow:0 7px 14px #0002}.course-card small,.course-card p{display:block;color:var(--muted);font-size:10px;margin:0 0 6px}.course-card strong{font-family:"Playfair Display",serif;font-size:13px;line-height:1.25}.course-card p{margin-top:7px}.streak{margin-top:24px;border:1px solid #ded7ca;border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px}.streak-icon{font-size:24px;color:var(--gold)}.streak div{display:grid}.streak strong{font-size:13px}.streak small{font-size:9px;color:var(--muted)}.profile{margin-top:auto;border:0;border-top:1px solid var(--line);padding:17px 2px 0;background:transparent;display:flex;align-items:center;text-align:left;gap:9px;color:var(--ink)}.profile>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e2bfa9}.profile div{display:grid}.profile strong{font-size:12px}.profile small{font-size:9px;color:var(--muted)}.profile i{margin-left:auto;color:var(--muted)}main{padding:0 42px 55px;min-width:0}.topbar{height:125px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--teal);font-weight:700;margin:0 0 5px}.topbar h1{font:600 26px "Playfair Display",serif;margin:0}.top-actions{display:flex;gap:9px;align-items:center}.icon-button,.import-button{height:40px;border:1px solid var(--line);background:#fffaf4;border-radius:10px;padding:0 14px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:var(--ink)}.import-button{background:var(--ink);color:white;border-color:var(--ink);gap:7px}.lesson-meta{height:70px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted)}.breadcrumb span:first-child{color:var(--teal);font-weight:700}.breadcrumb i{font-style:normal;color:#b1b7b3}.breadcrumb strong{color:var(--ink)}.lesson-progress{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.lesson-progress div{width:110px;height:4px;background:#dedbd3;border-radius:10px}.lesson-progress i{height:100%;display:block;background:var(--coral);border-radius:10px}.workspace-grid{display:grid;grid-template-columns:minmax(440px,1.12fr) minmax(360px,.88fr);gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.video-panel{overflow:hidden}.video-wrap{height:330px;position:relative;background:#213a3f;overflow:hidden}.video-wrap video{width:100%;height:100%;object-fit:cover}.video-placeholder{position:absolute;inset:0;background:linear-gradient(180deg,#eccb93 0 50%,#78a9a5 51% 72%,#2f6570 73%);overflow:hidden}.sun{position:absolute;width:105px;height:105px;border-radius:50%;background:#f8e5b5;top:34px;right:16%;box-shadow:0 0 50px #f9e3a8}.sea-line{position:absolute;left:-5%;width:110%;height:18px;border-top:2px solid #d8eee5;opacity:.7}.sea-line.one{top:60%;transform:rotate(-2deg)}.sea-line.two{top:68%;transform:rotate(1deg)}.placeholder-copy{position:absolute;left:28px;bottom:25px;display:grid;color:white;text-shadow:0 2px 8px #0005}.placeholder-copy span{font-size:9px;letter-spacing:.18em}.placeholder-copy strong{font:italic 600 25px "Playfair Display",serif}.placeholder-copy small{margin-top:3px;opacity:.78}.center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:1px solid #fff9;background:#ffffffde;color:var(--teal);font-size:17px;cursor:pointer;padding-left:5px}.speaker-chip{position:absolute;top:16px;left:16px;background:#122d32bb;color:white;border-radius:20px;padding:7px 11px;font-size:10px}.speaker-chip i{display:inline-block;width:6px;height:6px;background:var(--coral);border-radius:50%;margin-right:5px}.player-controls{height:62px;background:#17363b;color:white;display:flex;align-items:center;padding:0 18px;gap:12px}.player-controls button{border:0;background:transparent;color:white;cursor:pointer}.player-controls small{font-size:8px}.play-button{width:34px;height:34px;background:white!important;color:var(--ink)!important;border-radius:50%!important}.timeline{display:flex;align-items:center;gap:8px;flex:1;font-size:9px}.timeline input{width:100%;accent-color:var(--coral)}.control-pill{border:1px solid #ffffff30!important;border-radius:12px!important;padding:4px 8px}.control-pill.active{color:#ffd0c3;border-color:var(--coral)!important}.listen-status{height:79px;display:flex;align-items:center;padding:0 18px;gap:24px}.listen-status div{display:grid;gap:2px}.listen-status div span{font-size:9px;color:var(--muted)}.listen-status div strong{font-size:12px}.listen-status p{margin-left:auto;max-width:225px;font-size:9px;color:var(--muted);line-height:1.5}.listen-status p i{font-style:normal;font-weight:700;color:var(--coral);margin-right:6px}.dictation-panel{padding:25px;display:flex;flex-direction:column}.panel-heading,.result-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading>div:first-child,.result-heading>div:first-child{display:flex;align-items:center;gap:10px}.step{font-size:9px;letter-spacing:.12em;background:#dcebea;color:var(--teal);padding:5px 7px;border-radius:5px;font-weight:700}.step.coral{background:#f8e3dc;color:#b84c37}.step.blue{background:#e2eaf2;color:var(--blue)}h2{font:600 21px "Playfair Display",serif;margin:0}.subtitle-hidden{font-size:9px;color:var(--muted)}.instruction{color:var(--muted);font-size:11px;line-height:1.55;margin:17px 0 12px}.instruction code{color:var(--ink);background:#efede6;padding:2px 4px}.editor-wrap{position:relative;flex:1}.editor-wrap textarea,.review-card textarea{width:100%;height:100%;min-height:155px;resize:none;border:1px solid #d8d6ce;border-radius:11px;background:#fdfbf6;padding:18px;font:500 16px/1.8 "DM Sans",sans-serif;color:var(--ink);outline:none}.editor-wrap textarea:focus,.review-card textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1b6b6c12}.word-count{position:absolute;bottom:10px;right:12px;font-size:9px;color:var(--muted)}.hint-row{display:flex;gap:7px;align-items:center;margin:12px 0}.hint-row>span{font-size:9px;color:var(--muted);margin-right:auto}.hint{font:500 9px inherit;border:1px solid var(--line);border-radius:7px;padding:6px;background:white;color:var(--ink);cursor:pointer}.hint.used{background:#f3e8db;color:var(--coral)}.initials{font-size:11px;padding:8px;background:#f3eee5;border-radius:7px;margin-bottom:9px;display:none}.primary,.secondary{border:0;border-radius:9px;padding:12px 18px;font:600 11px inherit;cursor:pointer}.primary{background:var(--teal);color:white}.primary span{float:right}.secondary{background:#eef1ed;color:var(--ink)}.shortcut{text-align:center;font-size:9px;color:var(--muted);margin:9px 0 0}kbd{background:#efede8;border:1px solid #d8d5cf;border-radius:4px;padding:2px 5px;box-shadow:0 1px 0 #ccc}.result,.shadow{margin-top:20px;padding:25px;display:none}.result.visible,.shadow.visible{display:block;animation:rise .35s ease}.score-ring{width:52px;height:52px;border-radius:50%;display:flex;align-items:baseline;justify-content:center;padding-top:13px;background:conic-gradient(var(--coral) 0 78%,#eee8df 78%);position:relative}.score-ring:before{content:"";position:absolute;inset:5px;background:var(--card);border-radius:50%}.score-ring strong,.score-ring small{position:relative;z-index:1}.score-ring strong{font-size:17px}.score-ring small{font-size:8px}.comparison{margin:20px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.comparison>div{display:grid;grid-template-columns:90px 1fr;align-items:center;padding:13px 15px}.comparison>div+div{border-top:1px solid var(--line)}.comparison span{font-size:10px;color:var(--muted)}.comparison p{margin:0;font-size:15px}.word-ok{color:var(--ink)}.word-wrong{color:#bd4e38;text-decoration:underline;text-decoration-style:wavy;text-underline-offset:4px;background:#f9e1da}.word-missing{color:var(--coral);background:#fae7e2;padding:1px 3px;border-radius:3px}.diagnosis{display:flex;align-items:center;gap:13px;background:#f4eee4;border-radius:10px;padding:15px}.diagnosis-icon{font-size:24px;color:var(--coral)}.diagnosis div{flex:1}.diagnosis strong{font-size:11px}.diagnosis p{font-size:10px;color:var(--muted);margin:4px 0}.diagnosis button{font:600 9px inherit;color:var(--teal);background:transparent;border:0}.result-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.shadow-content{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.shadow-levels{display:flex;background:#f0eee8;border-radius:8px;padding:3px}.shadow-levels button{border:0;background:transparent;font:500 8px inherit;padding:6px 8px;border-radius:6px;color:var(--muted)}.shadow-levels button.active{background:white;color:var(--teal);box-shadow:0 2px 5px #0001}.quote{position:relative;padding:20px 20px 15px 42px;background:#f4eee4;border-radius:12px}.quote>span{position:absolute;left:14px;top:4px;font:50px "Playfair Display";color:#d5b683}.quote p{font:600 18px/1.45 "Playfair Display";margin:0}.quote small{display:block;margin-top:12px;color:var(--muted);font-size:8px;letter-spacing:.05em}.record-zone{display:flex;flex-direction:column;align-items:center;justify-content:center}.record-zone>button{width:84px;height:84px;border-radius:50%;border:7px solid #e9e5dc;background:white;box-shadow:0 0 0 1px #d5d0c7;display:grid;place-items:center;cursor:pointer}.record-zone>button i{width:22px;height:22px;background:var(--coral);border-radius:50%}.record-zone>button span{font-size:8px}.record-zone.recording>button i{border-radius:4px;animation:pulse 1s infinite}.record-zone small{font-size:9px;color:var(--muted)}.waveform{height:24px;display:flex;align-items:center;gap:2px;margin:9px}.waveform i{display:block;width:2px;background:#b9c4c1;border-radius:2px}.coach-tip{display:flex;align-items:center;gap:12px;margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.coach-tip span{font-size:8px;color:var(--teal);font-weight:700;letter-spacing:.15em}.coach-tip p{font-size:10px;color:var(--muted);flex:1;margin:0}.coach-tip button{border:1px solid var(--line);background:white;border-radius:8px;padding:8px 10px;font:600 9px inherit;color:var(--ink);cursor:pointer}.next-row{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.next-row button{border:0;background:transparent;color:var(--muted);font:600 11px inherit;padding:10px}.next-row span{font-size:9px;color:#9da4a1}.next-row .next{background:var(--ink);color:white;border-radius:9px;padding:11px 20px}.view{display:none}.view.active{display:block}.dashboard{padding-top:38px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.section-title h2{font-size:29px}.big-number{font:600 37px "Playfair Display";display:flex;gap:7px;align-items:baseline;color:var(--coral)}.big-number small{font:500 10px "DM Sans";color:var(--muted)}.review-card{padding:30px;max-width:680px;margin:auto;position:relative}.due{font-size:9px;color:var(--coral);font-weight:700}.review-card>p{font-size:12px;color:var(--muted)}.review-prompt{height:85px;background:#19373c;border-radius:12px;display:flex;align-items:center;padding:20px;color:white;gap:15px}.review-prompt button{border:0;border-radius:50%;width:40px;height:40px}.mini-wave{flex:1;height:1px;background:repeating-linear-gradient(90deg,#8bb5b0 0 2px,transparent 2px 6px)}.review-card textarea{height:120px;margin:15px 0}.review-card>.primary{width:100%}.filter,.date-range{border:1px solid var(--line);background:white;padding:9px 13px;border-radius:8px;font:500 10px inherit}.phrase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.phrase-card{padding:22px}.phrase-card .tag{font-size:8px;color:var(--coral);letter-spacing:.1em}.phrase-card h3{font:600 19px "Playfair Display";margin:10px 0 7px}.phrase-card p{font-size:10px;color:var(--muted);line-height:1.55}.phrase-card small{display:block;border-top:1px solid var(--line);padding-top:10px;color:var(--teal)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metric{padding:20px;display:grid;gap:7px}.metric small{color:var(--muted);font-size:10px}.metric strong{font:600 30px "Playfair Display"}.metric strong em{font:500 10px "DM Sans";font-style:normal}.metric span{font-size:9px;color:var(--muted)}.metric .up{color:var(--teal)}.insight-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}.insight-grid article{padding:24px}.insight-grid h3{font:600 18px/1.45 "Playfair Display"}.bar-row{display:grid;grid-template-columns:100px 1fr 32px;gap:10px;align-items:center;margin:17px 0;font-size:10px}.bar-row div{height:7px;background:#ede9e0;border-radius:10px}.bar-row i{display:block;height:100%;background:var(--coral);border-radius:10px}.bar-row b{text-align:right}.recommendation{background:var(--teal);color:white}.recommendation>span{font-size:8px;letter-spacing:.12em;color:#b9dad4}.recommendation p{font-size:10px;line-height:1.7;color:#c5ddda}.recommendation .primary{background:white;color:var(--teal);margin-top:13px}.toast{position:fixed;right:28px;bottom:28px;background:var(--ink);color:white;border-radius:9px;padding:12px 17px;font-size:11px;transform:translateY(80px);opacity:0;transition:.3s;z-index:20}.toast.show{transform:none;opacity:1}dialog{border:0;border-radius:16px;padding:28px;box-shadow:0 20px 70px #0004;color:var(--ink);width:360px}dialog::backdrop{background:#102a2f88;backdrop-filter:blur(3px)}dialog h2{margin-bottom:20px}dialog>div{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;font-size:11px}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:22px;cursor:pointer}@keyframes rise{from{opacity:0;transform:translateY(10px)}}@keyframes pulse{50%{box-shadow:0 0 0 8px #e5775d22}}
@media(max-width:1050px){.shell{grid-template-columns:205px}.sidebar{padding-left:15px;padding-right:15px}main{padding-left:25px;padding-right:25px}.workspace-grid{grid-template-columns:1fr}.video-wrap{height:360px}.phrase-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.shell{display:block}.sidebar{height:auto;position:static;padding:15px;display:grid;grid-template-columns:1fr auto}.nav{grid-column:1/-1;display:flex;margin:15px 0 0;overflow:auto}.nav-item{white-space:nowrap}.course-card,.streak,.profile{display:none}main{padding:0 15px 40px}.topbar{height:auto;padding:22px 0;align-items:flex-start}.topbar h1{font-size:21px}.icon-button{display:none}.lesson-meta{height:auto;padding:18px 0}.lesson-progress{display:none}.workspace-grid{display:block}.dictation-panel{margin-top:14px}.video-wrap{height:230px}.listen-status p{display:none}.shadow-content,.insight-grid{grid-template-columns:1fr}.shadow-levels{display:none}.phrase-grid,.metric-grid{grid-template-columns:1fr}.section-title h2{font-size:24px}}
.data-safety-status{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap;background:#e0efea;color:#146861;border:1px solid #b9d9d1}.data-safety-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.data-safety-status.checking{background:#f3eee5;color:#7d766b;border-color:#ddd5c9}.data-safety-status.saving{background:#fff0ce;color:#8d6416;border-color:#efd28e}.data-safety-status.error{background:#fae4df;color:#b74732;border-color:#efb8ad}@media(max-width:900px){.data-safety-status{display:none}}
.top-actions{flex-wrap:wrap;justify-content:flex-end}.top-actions .public-only{background:var(--teal);border-color:var(--teal)}html[data-runtime="public"] .data-safety-status{background:#e0efea;color:#146861;border-color:#b9d9d1}@media(max-width:1180px){.top-actions .data-safety-status{display:none}}@media(max-width:720px){.top-actions{gap:6px}.top-actions .public-only{display:flex;font-size:10px;padding:0 10px}.top-actions #videoPickerBtn{font-size:10px;padding:0 10px}}
.sample-attribution{margin:-8px 0 18px;text-align:right;color:var(--muted);font-size:9px}.sample-attribution a{color:var(--teal)}
.empty-state{max-width:680px;margin:44px auto 0;padding:45px;text-align:center;display:flex;flex-direction:column;align-items:center}.empty-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#e3ece8;color:var(--teal);font-size:24px}.empty-state h3{font:600 21px "Playfair Display";margin:17px 0 7px}.empty-state p{max-width:480px;color:var(--muted);font-size:11px;line-height:1.7;margin:0 0 20px}.empty-state small{margin-top:15px;color:var(--muted);font-size:9px}.insight-empty{max-width:none;margin-top:16px;padding:50px}.phrase-grid>.empty-state{grid-column:1/-1;width:100%;margin-top:16px}
.import-guide{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center;margin-bottom:20px;padding:14px 18px;box-shadow:none}.import-guide>b{color:#b9beb9;font-weight:400}.import-state{display:flex;align-items:center;gap:10px;min-width:0}.import-state>span{width:28px;height:28px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#ece9e1;color:var(--muted);font-size:10px;font-weight:700}.import-state>div{display:grid;min-width:0}.import-state strong{font-size:10px}.import-state small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-state>i{font-style:normal;font-size:8px;color:var(--muted);margin-left:auto;white-space:nowrap}.import-state.ready>span{background:#dcebe7;color:var(--teal)}.import-state.ready>i{color:var(--teal);font-weight:700}.import-state.error>span{background:#f7e1db;color:var(--coral)}.import-state.error>i{color:var(--coral)}.segment-browser{margin-top:20px;padding:20px 22px}.segment-browser-head{display:flex;justify-content:space-between;align-items:center}.segment-browser-head>div{display:flex;align-items:center;gap:10px}.segment-browser-head>div:last-child{font-size:9px;color:var(--muted)}.segment-browser-head button{border:1px solid var(--line);background:white;border-radius:7px;padding:6px 9px;font:500 8px inherit;color:var(--ink);cursor:pointer}.segment-list{display:flex;gap:9px;overflow-x:auto;padding:15px 1px 4px;scrollbar-width:thin}.segment-item{min-width:220px;max-width:260px;border:1px solid var(--line);background:#fbf9f4;border-radius:10px;padding:12px;text-align:left;cursor:pointer;color:var(--ink)}.segment-item:hover{border-color:#9ebcb6}.segment-item.active{border-color:var(--teal);background:#e9f1ee;box-shadow:inset 0 0 0 1px var(--teal)}.segment-item>span{display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}.segment-item p{font:500 11px/1.45 "DM Sans",sans-serif;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.segment-item.completed p:after{content:" ✓";color:var(--teal)}
@media(max-width:720px){.import-guide{grid-template-columns:1fr}.import-guide>b{display:none}.import-state small{white-space:normal}.segment-item{min-width:190px}}
.word-extra{color:#8c5a12;background:#f9edcf;padding:1px 3px;border-radius:3px;text-decoration:underline;text-decoration-style:wavy;text-underline-offset:4px}.word-gap{display:inline-block;color:#9a9082;background:#eeebe4;padding:1px 4px;border-radius:3px;font-size:.75em}
.media-restore-banner{margin:-8px 0 20px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:#e5b55d;background:#fff7e6;box-shadow:none}.media-restore-banner[hidden]{display:none}.media-restore-banner div{display:grid;gap:3px}.media-restore-banner strong{font-size:11px;color:var(--ink)}.media-restore-banner span{font-size:9px;color:var(--muted)}.media-restore-banner button{border:0;border-radius:8px;background:var(--teal);color:white;padding:9px 13px;font:600 9px inherit;white-space:nowrap;cursor:pointer}@media(max-width:650px){.media-restore-banner{align-items:flex-start;flex-direction:column}}
.sentence-knowledge-summary[hidden]{display:none!important}.sentence-knowledge-summary{margin-top:18px;padding:18px;border:1px solid #dfd5bf;border-radius:13px;background:linear-gradient(120deg,#fffaf0,#f3f7f4);display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.4fr) auto;align-items:center;gap:16px}.sentence-knowledge-copy>span{display:block;color:var(--coral);font-size:8px;font-weight:700;letter-spacing:.12em}.sentence-knowledge-copy>strong{display:block;margin:4px 0 3px;font:600 17px "Playfair Display","Noto Sans SC",serif}.sentence-knowledge-copy>strong b{color:var(--teal)}.sentence-knowledge-copy p{margin:0;color:var(--muted);font-size:8px;line-height:1.5}.sentence-knowledge-categories{display:flex;flex-wrap:wrap;gap:7px}.sentence-knowledge-categories button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;background:white;padding:6px 9px;color:var(--ink);font:600 8px "DM Sans","Noto Sans SC",sans-serif;cursor:pointer}.sentence-knowledge-categories button:hover{border-color:#9fbdb5;color:var(--teal)}.sentence-knowledge-categories button>span{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:var(--teal);font-size:10px}.sentence-knowledge-categories button>b{color:var(--coral)}.sentence-knowledge-open{border:0;border-radius:10px;background:var(--teal);color:white;padding:11px 14px;font:600 9px "DM Sans","Noto Sans SC",sans-serif;white-space:nowrap;cursor:pointer}.sentence-knowledge-open:hover{background:var(--teal-dark)}.category-toolbar{grid-template-columns:1fr auto auto}.scope-select select{min-width:72px}.card-statuses{display:flex;align-items:center;gap:6px}.current-sentence-badge{font-size:8px;color:#9a5a24;background:#f8dfbd;border-radius:6px;padding:5px 8px;font-weight:700;letter-spacing:.03em}.current-sentence-card{border-color:#dfbd87;box-shadow:0 10px 30px #bb8e4917}.current-sentence-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#dba24d,var(--coral));border-radius:15px 15px 0 0}.category-card-grid .knowledge-card{position:relative}
@media(max-width:1000px){.sentence-knowledge-summary{grid-template-columns:1fr 1.4fr}.sentence-knowledge-open{grid-column:1/-1;justify-self:start}.category-toolbar{grid-template-columns:1fr auto auto}}
@media(max-width:760px){.sentence-knowledge-summary{grid-template-columns:1fr}.sentence-knowledge-open{grid-column:auto;width:100%}.category-toolbar{grid-template-columns:1fr}.category-sort{justify-content:space-between}}
.shadow-levels button{cursor:pointer;position:relative}.shadow-levels button.done:after{content:"✓";margin-left:4px;color:var(--teal)}.shadow-stage-brief{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;margin-top:20px;padding:13px 15px;border:1px solid #d9e2de;border-radius:11px;background:#f0f6f3}.shadow-stage-brief>span{border-radius:7px;background:var(--teal);color:white;padding:7px 9px;font-size:8px;font-weight:700;white-space:nowrap}.shadow-stage-brief strong{display:block;font:600 14px "Playfair Display","Noto Sans SC",serif}.shadow-stage-brief p{margin:3px 0 0;color:var(--muted);font-size:8px;line-height:1.5}.shadow-stage-brief>small{color:var(--teal);font-size:8px;font-weight:700;white-space:nowrap}.shadow-content{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:stretch}.shadow-reference{display:grid;gap:12px}.quote{transition:opacity .8s,filter .8s}.quote.fading{animation:subtitleFade 3.5s forwards}.quote.faded p{opacity:.14;filter:blur(3px)}.quote.concealed p{color:transparent;text-shadow:0 0 10px #506367;user-select:none}.shadow-word{border-radius:4px;padding:0 1px}.shadow-word.stress{font-weight:800;text-decoration:underline;text-decoration-color:#e0a651;text-decoration-thickness:3px;text-underline-offset:5px}.shadow-word.weak{color:#6d7c7f;background:#e7edeb;font-size:.86em}.link-mark{font-style:normal;color:#4f82a8;font-size:.9em;margin:0 -1px}.sound-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sound-guide article{border:1px solid var(--line);border-radius:9px;background:#fbfaf6;padding:10px;min-width:0}.sound-guide article>span{display:inline-block;border-radius:5px;padding:4px 6px;font-size:7px;font-weight:700;letter-spacing:.04em}.guide-stress{color:#8b621d;background:#f8e7bc}.guide-weak{color:#516d73;background:#e4ecec}.guide-contract{color:#684c92;background:#ebe3f6}.guide-link{color:#365f86;background:#e0eaf3}.sound-guide strong{display:block;margin:7px 0 3px;font-size:9px;line-height:1.45;word-break:break-word}.sound-guide p,.sound-guide-empty{margin:0;color:var(--muted);font-size:7px;line-height:1.5}.sound-guide-empty{grid-column:1/-1;padding:14px;border-radius:9px;background:#f2efe8}.shadow-studio{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;border:1px solid #dce1dc;border-radius:12px;background:#fbfcfa;padding:16px}.shadow-waveform{width:100%;height:90px;border-radius:9px;background:#edf3f0}.shadow-studio>small{text-align:center;color:var(--muted);font-size:8px;line-height:1.5;margin:9px 0}.shadow-controls{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.shadow-controls button{padding:9px 11px;font-size:8px}.shadow-controls button:disabled{opacity:.45;cursor:not-allowed}.shadow-countdown{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-58%);width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#17363be8;color:white;font:700 34px "Playfair Display",serif;box-shadow:0 10px 30px #0003}.shadow-countdown[hidden]{display:none}.shadow-studio audio{width:100%;height:35px;margin-top:11px}.shadow-replay-row{display:flex;align-items:center;gap:6px;margin-top:10px}.shadow-replay-row[hidden]{display:none}.shadow-replay-row button{border:1px solid var(--line);border-radius:7px;background:white;color:var(--teal);padding:6px 9px;font:700 8px inherit;cursor:pointer}.shadow-replay-row span{margin-left:auto;color:var(--muted);font-size:7px}.shadow-feedback[hidden]{display:none}.shadow-feedback{margin-top:18px;padding:18px;border-radius:12px;background:#f3f0e8;border:1px solid var(--line)}.shadow-feedback-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.shadow-feedback-head span{color:var(--coral);font-size:7px;letter-spacing:.14em;font-weight:700}.shadow-feedback-head h3{font:600 18px "Playfair Display","Noto Sans SC",serif;margin:3px 0}.shadow-feedback-head small{color:var(--muted);font-size:7px;max-width:250px;text-align:right;line-height:1.5}.shadow-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}.shadow-metrics>div{display:grid;gap:3px;padding:10px;background:white;border-radius:9px;border:1px solid #e6e1d7}.shadow-metrics small{font-size:7px;color:var(--muted)}.shadow-metrics strong{font:600 17px "Playfair Display",serif;color:var(--teal)}.shadow-metrics span{font-size:7px;color:var(--muted)}.shadow-feedback-list{display:grid;gap:7px}.shadow-feedback-list article{display:grid;grid-template-columns:65px 1fr;gap:10px;padding:10px 12px;border-radius:9px;background:#fff}.shadow-feedback-list article>span{font-size:7px;color:var(--muted);font-weight:700}.shadow-feedback-list strong{display:block;font-size:9px}.shadow-feedback-list p{margin:3px 0 0;color:var(--muted);font-size:8px;line-height:1.55}.shadow-feedback-list .focus-feedback{border-left:3px solid var(--coral)}.shadow-feedback>.primary{display:block;margin:12px 0 0 auto;padding:9px 13px;font-size:8px}@keyframes subtitleFade{0%,30%{opacity:1;filter:none}100%{opacity:.14;filter:blur(3px)}}
@media(max-width:1000px){.shadow-content{grid-template-columns:1fr}.shadow-metrics{grid-template-columns:repeat(3,1fr)}}
.shadow-asr-toggle{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 10px;color:var(--ink);font-size:7px;cursor:pointer}.shadow-asr-toggle input{accent-color:var(--teal)}.shadow-asr-toggle span{color:var(--muted)}
@media(max-width:720px){.shadow-levels{display:flex;overflow-x:auto}.shadow-levels button{white-space:nowrap}.shadow-stage-brief{grid-template-columns:1fr}.shadow-stage-brief>span,.shadow-stage-brief>small{justify-self:start}.sound-guide{grid-template-columns:1fr}.shadow-metrics{grid-template-columns:repeat(2,1fr)}.shadow-feedback-head{display:block}.shadow-feedback-head small{display:block;text-align:left}.shadow-feedback-list article{grid-template-columns:1fr}.shadow-replay-row{flex-wrap:wrap}.shadow-replay-row span{width:100%;margin:0}.shadow-studio{padding:12px}.shadow-asr-toggle{align-items:flex-start;flex-wrap:wrap}}
.quote.fading{animation-duration:var(--fade-duration,3.5s);animation-timing-function:linear}
.manual-card-destination{display:flex;align-items:center;justify-content:space-between;gap:14px}.manual-card-destination label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:9px}.manual-card-destination select{min-width:180px;border:1px solid #d8d5cc;border-radius:8px;background:white;padding:8px 10px;color:var(--ink);font:600 9px "DM Sans","Noto Sans SC",sans-serif;outline:none}.manual-card-destination select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1b6b6c12}.manual-card-destination>strong{font-size:8px;color:var(--teal);text-align:right}.manual-attach-current[hidden]{display:none}.manual-attach-current{display:flex;align-items:flex-start;gap:10px;margin:-10px 0 18px;padding:12px 14px;border:1px solid #dfc797;border-radius:9px;background:#fff8e9;cursor:pointer}.manual-attach-current input{margin-top:3px;accent-color:var(--teal)}.manual-attach-current>span{display:grid;gap:3px}.manual-attach-current strong{font-size:9px;color:var(--ink)}.manual-attach-current small{font-size:8px;line-height:1.55;color:var(--muted)}
@media(max-width:620px){.manual-card-destination{align-items:flex-start;flex-direction:column}.manual-card-destination label{width:100%;justify-content:space-between}.manual-card-destination select{min-width:0;max-width:70%}.manual-card-destination>strong{text-align:left}}
.knowledge-dialog-meta{grid-template-columns:minmax(180px,1fr) 220px 160px}
.knowledge-pane.add-pane{border:2px dashed #a9bdb7;background:#f7faf7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:none}.knowledge-pane.add-pane:after{display:none}.knowledge-pane.add-pane:hover{border-color:var(--teal);background:#edf5f1}.add-pane .knowledge-pane-icon{font-size:28px;background:#e0ece8;color:var(--teal)}.add-pane h3{margin:12px 0 6px}.add-pane p{max-width:250px}.custom-pane-dialog{width:min(570px,calc(100vw - 36px));padding:0;border-radius:18px}.custom-pane-dialog form{padding:28px}.custom-pane-dialog header{position:relative;padding-right:35px}.custom-pane-dialog header h2{margin:0 0 7px}.custom-pane-dialog header p{margin:0 0 22px;color:var(--muted);font-size:10px;line-height:1.6}.custom-pane-grid{display:grid;grid-template-columns:1fr 120px;gap:14px}.custom-pane-grid .wide{grid-column:1/-1}.custom-pane-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.custom-pane-marker{font-size:8px;color:var(--teal);background:#e0eee9;border-radius:6px;padding:5px 7px}
@media(max-width:700px){.knowledge-dialog-meta,.custom-pane-grid{grid-template-columns:1fr}.custom-pane-grid .wide{grid-column:auto}}
.knowledge-pane.active-pane{border-color:var(--teal);box-shadow:0 0 0 3px #1b6b6c20,var(--shadow);transform:translateY(-2px)}
.knowledge-section-head[hidden]{display:none!important}
.knowledge-popover{position:fixed;z-index:15;width:min(610px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:#f8f5ee;border:1px solid #cad7d2;border-radius:17px;padding:19px;box-shadow:0 24px 70px rgba(20,45,48,.24)}.knowledge-popover[hidden]{display:none}.knowledge-popover:before{content:"";position:fixed;width:14px;height:14px;background:#f8f5ee;border-left:1px solid #cad7d2;border-bottom:1px solid #cad7d2;transform:rotate(45deg);top:var(--arrow-top,40px)}.knowledge-popover[data-side="right"]:before{left:calc(var(--panel-left) - 8px)}.knowledge-popover[data-side="left"]:before{left:calc(var(--panel-left) + min(610px,calc(100vw - 32px)) - 7px);transform:rotate(225deg)}.knowledge-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.knowledge-popover-head>div{display:flex;align-items:center;gap:10px}.knowledge-popover-head>div>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--pane-color,#dfece8);color:var(--teal);font-size:16px}.knowledge-popover-head small{display:block;color:var(--muted);font-size:8px;letter-spacing:.08em}.knowledge-popover-head h3{font:600 19px "Playfair Display","Noto Sans SC",serif;margin:1px 0 0}.knowledge-popover-head button{width:34px;height:34px;border:0;border-radius:50%;background:#ebe8e1;color:var(--ink);font-size:20px;cursor:pointer}.knowledge-popover-count{margin:11px 0;color:var(--muted);font-size:9px}.knowledge-popover-grid{display:grid;grid-template-columns:1fr;gap:11px}.knowledge-popover-grid .knowledge-card{box-shadow:none}.knowledge-popover-grid .empty-state{margin:0;min-height:270px}.knowledge-popover-grid .knowledge-card h3{margin-top:10px}.knowledge-popover-grid .knowledge-examples{margin-top:10px}
@media(max-width:760px){.knowledge-popover{left:12px!important;right:12px;bottom:12px;top:auto!important;width:auto;max-height:68vh;border-radius:17px}.knowledge-popover:before{display:none}}
.danger{border:1px solid #e6b6ae;border-radius:9px;padding:11px 15px;background:#fff4f1;color:#b94e3d;font:600 10px "DM Sans","Noto Sans SC",sans-serif;cursor:pointer}.danger:hover{background:#fbe3de;border-color:#d98f83}.danger:focus{outline:3px solid #e5775d25}
.knowledge-popover-actions{display:flex;align-items:center;gap:7px}.knowledge-popover-head .new-card-button{width:auto;height:34px;border-radius:9px;padding:0 12px;background:var(--teal);color:white;font:600 9px "DM Sans","Noto Sans SC",sans-serif;white-space:nowrap}.knowledge-popover-head .new-card-button:hover{background:var(--teal-dark)}.manual-badge{font-size:8px;color:#725b24;background:#f7e8bd;border-radius:6px;padding:5px 8px;font-weight:700;letter-spacing:.05em}.manual-card-destination{margin:13px 0 22px;padding:10px 12px;border-radius:8px;background:#edf4f1;color:var(--muted);font-size:9px}.manual-card-destination strong{color:var(--teal);margin-left:5px}.manual-card-meta{grid-template-columns:1fr 190px}.manual-card-dialog .notes-field+ .notes-field textarea{background:#fdfbf7;border-color:#d9d5cc}
@media(max-width:560px){.knowledge-popover-actions .new-card-button{font-size:0;width:34px;padding:0}.knowledge-popover-actions .new-card-button:after{content:"＋";font-size:18px}.manual-card-meta{grid-template-columns:1fr}}
.edited-badge{font-size:8px;color:#8a641a;background:#f8e9bc;border-radius:6px;padding:5px 8px;font-weight:700;letter-spacing:.03em}.manual-badge{color:#624c99;background:#ebe4f8}.auto-badge{color:var(--teal);background:#e0eee9}
.knowledge-category-page[hidden],.knowledge-panes[hidden]{display:none!important}.category-page-nav{display:flex;align-items:center;justify-content:space-between;margin:-6px 0 18px}.category-page-nav>button:first-child{border:0;background:transparent;color:var(--teal);font:600 10px "DM Sans","Noto Sans SC",sans-serif;padding:8px 0;cursor:pointer}.category-page-nav .primary{padding:10px 15px}.category-page-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:22px 24px;box-shadow:none;background:linear-gradient(120deg,#fffdfa,#f5f2e9)}.category-page-icon{width:55px;height:55px;border-radius:15px;display:grid;place-items:center;background:var(--pane-color,#dfece8);color:var(--teal);font-size:23px}.category-page-hero small{font-size:8px;color:var(--muted);letter-spacing:.1em}.category-page-hero h3{font:600 22px "Playfair Display","Noto Sans SC",serif;margin:3px 0 4px}.category-page-hero p{font-size:10px;color:var(--muted);margin:0;line-height:1.6}.category-page-total{min-width:90px;text-align:center;padding-left:20px;border-left:1px solid var(--line);display:grid}.category-page-total strong{font:600 29px "Playfair Display",serif;color:var(--teal)}.category-page-total span{font-size:8px;color:var(--muted)}.category-toolbar{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:18px 0 8px}.category-search{height:42px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;background:white;padding:0 13px}.category-search>span{color:var(--teal);font-size:17px}.category-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:500 10px "DM Sans","Noto Sans SC",sans-serif}.category-sort{height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:white;padding:0 11px}.category-sort>span{font-size:8px;color:var(--muted)}.category-sort select{border:0;outline:0;background:transparent;color:var(--ink);font:600 9px "DM Sans","Noto Sans SC",sans-serif;cursor:pointer}.category-result-note{font-size:8px;color:var(--muted);margin:10px 2px 13px}.category-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.category-card-grid .knowledge-card{min-height:275px}.category-card-grid .knowledge-card>.explanation{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.category-card-grid .knowledge-examples p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.category-card-grid .note-preview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.category-card-grid>.empty-state{grid-column:1/-1;width:100%;margin:0}.category-card-grid .open-hint{margin-top:auto}.category-card-grid .knowledge-card{display:flex;flex-direction:column}.category-card-grid .knowledge-card .open-hint{margin-top:auto}
@media(max-width:850px){.category-card-grid{grid-template-columns:1fr}.category-page-hero{grid-template-columns:auto 1fr}.category-page-total{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:12px 0 0;display:flex;justify-content:center;align-items:baseline;gap:5px}.category-toolbar{grid-template-columns:1fr}.category-sort{justify-content:space-between}}@media(max-width:560px){.category-page-nav{align-items:center}.category-page-nav .primary{font-size:9px}.category-page-hero{padding:17px}.category-page-icon{width:45px;height:45px}.category-page-hero h3{font-size:18px}}
.coach-tip .shadow-complete{background:var(--teal);border-color:var(--teal);color:white;white-space:nowrap}.coach-tip .shadow-complete.completed{background:#dfece8;border-color:#b9d4cc;color:var(--teal)}.insight-range{color:var(--ink);outline:none;cursor:pointer}.insight-metrics .metric strong>span{font:inherit;color:inherit}.profile-confidence{margin-top:16px;padding:19px 22px;display:grid;grid-template-columns:1fr minmax(180px,280px);align-items:center;gap:25px;box-shadow:none}.profile-confidence>div:first-child{display:flex;align-items:center;gap:13px}.confidence-icon{width:42px;height:42px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#e1ece8;color:var(--teal);font-size:17px}.profile-confidence small{display:block;font-size:8px;letter-spacing:.12em;color:var(--teal);font-weight:700}.profile-confidence strong{display:block;font:600 17px "Playfair Display","Noto Sans SC",serif;margin:3px 0}.profile-confidence p{margin:0;color:var(--muted);font-size:9px;line-height:1.6}.confidence-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.confidence-progress>span{height:7px;border-radius:20px;background:#e8e4da;overflow:hidden}.confidence-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),#74aaa2);border-radius:20px;transition:width .4s}.confidence-progress b{font-size:9px;color:var(--teal)}.insight-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.insight-detail-grid>article{padding:22px;min-height:310px}.insight-card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.insight-card-head small{display:block;color:var(--teal);font-size:7px;letter-spacing:.15em;font-weight:700}.insight-card-head h3{font:600 18px "Playfair Display","Noto Sans SC",serif;margin:4px 0 0}.insight-card-head>span{font-size:8px;color:var(--muted);background:#f1eee7;border-radius:6px;padding:5px 7px}.trend-chart,.signal-list{display:grid;gap:11px}.trend-row{display:grid;grid-template-columns:25px 1fr 35px 42px;align-items:center;gap:8px;font-size:8px;color:var(--muted)}.trend-row>div{height:8px;border-radius:10px;background:#ece8df;overflow:hidden}.trend-row i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#e8a665,var(--coral))}.trend-row b{color:var(--ink);text-align:right}.trend-row small{text-align:right}.signal-row{display:grid;grid-template-columns:105px 1fr 25px;align-items:center;gap:9px;border:0;background:transparent;padding:5px 0;color:var(--ink);font:500 9px "DM Sans","Noto Sans SC",sans-serif;text-align:left;cursor:pointer}.signal-row:hover span{color:var(--teal)}.signal-row>div{height:7px;border-radius:10px;background:#ece8df;overflow:hidden}.signal-row i{display:block;height:100%;background:var(--coral);border-radius:10px}.signal-row b{text-align:right;color:var(--teal)}.mini-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.mini-empty>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e7efec;color:var(--teal);font-size:16px}.mini-empty p{max-width:300px;font-size:9px;line-height:1.6}.insight-action{margin-top:16px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--teal);color:white}.insight-action .action-kicker{font-size:7px;letter-spacing:.16em;color:#bdd9d4;font-weight:700}.insight-action h3{font:600 20px "Playfair Display","Noto Sans SC",serif;margin:7px 0}.insight-action p{max-width:780px;margin:0;color:#d1e3df;font-size:9px;line-height:1.7}.insight-action .primary{flex:0 0 auto;background:white;color:var(--teal)}.history-data-note{margin:11px 4px 0;color:var(--muted);font-size:8px;line-height:1.6}
@media(max-width:900px){.profile-confidence{grid-template-columns:1fr}.insight-detail-grid{grid-template-columns:1fr}}@media(max-width:650px){.profile-confidence{padding:17px}.insight-action{align-items:flex-start;flex-direction:column}.coach-tip{flex-wrap:wrap}.coach-tip p{min-width:100%}.trend-row{grid-template-columns:22px 1fr 32px}.trend-row small{display:none}.signal-row{grid-template-columns:95px 1fr 22px}}
.error-legend{display:flex;flex-wrap:wrap;gap:14px;margin:-8px 0 18px;padding-left:4px}.error-legend span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.error-legend i{width:9px;height:9px;border-radius:3px}.legend-missing{background:#e45f5f}.legend-wrong{background:#e8943a}.legend-extra{background:#4b91d1}.legend-semantic{background:#8b68bd}.legend-minor{background:#9ca3a6}.word-delete,.word-substitute,.word-extra,.word-semantic,.word-minor{text-decoration-line:underline;text-decoration-style:wavy;text-underline-offset:4px;padding:1px 3px;border-radius:3px}.word-delete{color:#bd3f45;background:#fde2e2;text-decoration-color:#d64b51}.word-substitute{color:#a45b13;background:#ffead3;text-decoration-color:#dd842c}.word-extra{color:#236ea9;background:#dfeeff;text-decoration-color:#438bca}.word-semantic{color:#6f4b9b;background:#eee4fb;text-decoration-color:#8b68bd}.word-minor{color:#6f777a;background:#eceeef;text-decoration-color:#969ea1}.word-gap.missing{color:#bd3f45;background:#fde2e2}.word-gap.extra{color:#236ea9;background:#dfeeff}.error-review{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.error-review-heading{display:flex;align-items:center;justify-content:space-between}.error-review-heading>div{display:flex;align-items:center;gap:9px}.error-review-heading h3{font:600 17px "Playfair Display";margin:0}.error-review-heading small{font-size:8px;color:var(--muted)}.error-list{display:grid;gap:9px;margin-top:13px}.error-item{display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);background:#fbfaf6;border-radius:10px;padding:13px}.error-type{display:inline-flex;justify-content:center;border-radius:6px;padding:6px 8px;font-size:9px;font-weight:700}.error-type.missing{color:#bd3f45;background:#fde2e2}.error-type.wrong{color:#a45b13;background:#ffead3}.error-type.extra{color:#236ea9;background:#dfeeff}.error-type.semantic{color:#6f4b9b;background:#eee4fb}.error-type.minor{color:#6f777a;background:#eceeef}.error-copy strong{display:block;font-size:11px;margin-bottom:4px}.error-copy p{font-size:9px;line-height:1.6;color:var(--muted);margin:0}.save-error{border:1px solid var(--line);background:white;border-radius:8px;padding:8px 10px;font:600 9px inherit;color:var(--teal);cursor:pointer;white-space:nowrap}.save-error.saved{background:#e1ece8;color:var(--teal);border-color:#b8d2ca}.all-correct{padding:20px;text-align:center;border-radius:10px;background:#eaf3ef;color:var(--teal);font-size:10px}.learning-card{padding:20px;display:flex;flex-direction:column}.learning-card-head{display:flex;align-items:center;justify-content:space-between}.learning-card-head small{color:var(--muted);font-size:8px}.learning-card h3{font:600 17px/1.45 "Playfair Display";margin:13px 0}.learning-card dl{display:grid;grid-template-columns:74px 1fr;gap:8px;margin:0;font-size:9px}.learning-card dt{color:var(--muted)}.learning-card dd{margin:0;line-height:1.55}.learning-card .card-reason{margin:14px 0;padding:11px;background:#f3efe7;border-radius:8px;color:#5e6e70;font-size:9px;line-height:1.6}.learning-card button{margin-top:auto;align-self:flex-start;border:0;background:transparent;color:var(--teal);font:600 9px inherit;cursor:pointer;padding:5px 0}.phrase-grid{grid-template-columns:repeat(2,1fr)}
.dictation-scope-notice{display:grid;grid-template-columns:auto 1fr;gap:12px;margin:-7px 0 17px;padding:12px 14px;border:1px solid #c8ddd7;border-radius:10px;background:#edf5f2}.dictation-scope-notice[hidden]{display:none}.dictation-scope-notice>span{align-self:start;border-radius:6px;background:#d6eae4;color:var(--teal);padding:5px 8px;font-size:8px;font-weight:700;white-space:nowrap}.dictation-scope-notice strong{display:block;font-size:10px}.dictation-scope-notice p{margin:4px 0 0;color:#647679;font-size:9px;line-height:1.55}.dictation-scope-notice details{margin-top:7px}.dictation-scope-notice summary{color:var(--teal);font-size:8px;cursor:pointer}.dictation-scope-notice details p{padding:7px 9px;border-radius:7px;background:#fffdfa}
@media(max-width:720px){.error-item{grid-template-columns:1fr}.error-review-heading{align-items:flex-start;gap:8px}.error-review-heading small{max-width:140px;text-align:right}.phrase-grid{grid-template-columns:1fr}}
.filter{min-width:112px;color:var(--ink);cursor:pointer;outline:none}.knowledge-panes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.knowledge-pane{min-height:170px;border:1px solid var(--line);border-radius:15px;background:var(--card);padding:20px;text-align:left;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);transition:.2s;position:relative;overflow:hidden}.knowledge-pane:hover{transform:translateY(-3px);border-color:#a7c0ba}.knowledge-pane:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-28px;bottom:-35px;background:var(--pane-color,#dfece8);opacity:.65}.knowledge-pane-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--pane-color,#dfece8);color:var(--teal);font-size:17px}.knowledge-pane h3{font:600 17px "Playfair Display";margin:16px 0 7px}.knowledge-pane p{font-size:9px;color:var(--muted);line-height:1.55;margin:0;max-width:210px}.knowledge-pane b{display:block;margin-top:15px;color:var(--teal);font-size:9px}.knowledge-section-head{display:flex;align-items:center;gap:15px;margin-bottom:18px}.knowledge-section-head>button{border:0;background:transparent;color:var(--teal);font:600 9px inherit;cursor:pointer}.knowledge-section-head>div{display:flex;align-items:center;gap:9px}.knowledge-section-head>div span{width:32px;height:32px;border-radius:9px;background:#e3ece8;display:grid;place-items:center}.knowledge-section-head h3{font:600 19px "Playfair Display";margin:0}.knowledge-section-head small{margin-left:auto;color:var(--muted)}.knowledge-card{padding:20px}.knowledge-card-head{display:flex;justify-content:space-between;align-items:center}.knowledge-card-head .source-badge{font-size:8px;color:var(--muted);background:#f1eee7;border-radius:5px;padding:5px 7px}.knowledge-card h3{font:600 18px/1.4 "Playfair Display";margin:14px 0 8px}.knowledge-card>.explanation{color:#5d6e71;font-size:10px;line-height:1.7;margin:0}.knowledge-examples{margin-top:14px;padding:12px;background:#f4f0e8;border-radius:8px}.knowledge-examples span{display:block;font-size:8px;color:var(--coral);font-weight:700;letter-spacing:.08em;margin-bottom:5px}.knowledge-examples p{font-size:9px;line-height:1.6;margin:0}.auto-badge{font-size:8px;color:var(--teal);background:#e0eee9;border-radius:6px;padding:5px 7px}.card-count-note{grid-column:1/-1;color:var(--muted);font-size:9px;margin-bottom:-4px}.empty-pane{opacity:.68}.empty-pane b{color:var(--muted)}
@media(max-width:900px){.knowledge-panes{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.knowledge-panes{grid-template-columns:1fr}.knowledge-section-head{flex-wrap:wrap}}
.knowledge-card{cursor:pointer;transition:transform .2s,border-color .2s}.knowledge-card:hover{transform:translateY(-3px);border-color:#9ebcb6}.knowledge-card:focus{outline:3px solid #1b6b6c24;border-color:var(--teal)}.knowledge-card .open-hint{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:11px;border-top:1px solid var(--line);color:var(--teal);font-size:9px}.knowledge-card .note-preview{margin-top:12px;padding:10px;border-left:3px solid var(--gold);background:#fbf3df;font-size:9px;line-height:1.55;color:#6c6556}.mastery-badge{font-size:8px;color:#8b651f;background:#f8ebc9;border-radius:6px;padding:5px 7px}.knowledge-dialog{width:min(920px,calc(100vw - 36px));max-height:92vh;padding:0;border-radius:18px;overflow:auto}.knowledge-dialog form{padding:30px}.knowledge-dialog-head{display:flex;justify-content:space-between;align-items:center;position:relative}.knowledge-dialog-head>div{display:flex;gap:7px}.knowledge-dialog-head .dialog-close{position:static}.knowledge-dialog-source{display:flex;gap:7px;align-items:center;margin:12px 0 24px;color:var(--muted);font-size:9px}.knowledge-dialog-source i{font-style:normal;color:#c2c4bf}.editor-field{display:grid;gap:7px}.editor-field>span,.original-context>span{font-size:9px;color:var(--muted);font-weight:700;letter-spacing:.04em}.editor-field input,.editor-field textarea,.editor-field select{width:100%;border:1px solid #d9d5cc;background:#fdfbf7;border-radius:9px;padding:11px 12px;color:var(--ink);font:500 11px/1.65 "DM Sans","Noto Sans SC",sans-serif;outline:none;resize:vertical}.editor-field input:focus,.editor-field textarea:focus,.editor-field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1b6b6c12}.title-field input{font:600 24px "Playfair Display","Noto Sans SC",serif;padding:12px 14px}.knowledge-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:17px}.notes-field{margin-top:15px}.notes-field textarea{background:#fffcf2;border-color:#e6d9b8}.knowledge-dialog-meta{display:grid;grid-template-columns:1fr 190px;gap:15px;margin-top:15px}.original-context{margin-top:18px;padding:13px 15px;border-radius:9px;background:#f1eee7}.original-context p{margin:5px 0 0;font:500 11px/1.6 "DM Sans",sans-serif}.knowledge-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:19px}.knowledge-dialog-actions small{margin-right:auto;color:var(--muted);font-size:8px}@media(max-width:700px){.knowledge-editor-grid,.knowledge-dialog-meta{grid-template-columns:1fr}.knowledge-dialog form{padding:21px}.knowledge-dialog-actions{flex-wrap:wrap}.knowledge-dialog-actions small{width:100%}}
.word-extra{color:#8c5a12;background:#f9edcf;padding:1px 3px;border-radius:3px;text-decoration:underline;text-decoration-style:wavy;text-underline-offset:4px}.word-gap{display:inline-block;color:#9a9082;background:#eeebe4;padding:1px 4px;border-radius:3px;font-size:.75em}
.sample-visual{display:none;position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;pointer-events:none;transform-origin:center;filter:saturate(.92) contrast(.97);animation:sample-camera 18s ease-in-out infinite alternate}.sample-visual.visible{display:block}@keyframes sample-camera{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.045) translate3d(-.6%,0,0)}}
.public-experience-banner{position:relative;overflow:hidden;margin:22px 0 0;padding:19px 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border:1px solid #b9d7d0;border-radius:16px;background:linear-gradient(112deg,#e4f0ec 0%,#f7f3e9 63%,#f5e5ce 100%);box-shadow:0 13px 34px rgba(27,74,73,.08)}.public-experience-banner:after{content:"";position:absolute;width:150px;height:150px;right:11%;top:-105px;border-radius:50%;border:24px solid rgba(255,255,255,.42);pointer-events:none}.public-experience-mark{width:62px;height:62px;border-radius:17px;background:var(--teal);color:white;display:grid;place-items:center;align-content:center;box-shadow:0 8px 20px rgba(27,107,108,.18)}.public-experience-mark span{font-size:6px;letter-spacing:.14em;font-weight:700}.public-experience-mark i{font:600 29px "Playfair Display",serif;line-height:1;font-style:normal}.public-experience-copy{position:relative;z-index:1}.public-experience-copy small{display:block;color:var(--teal);font-size:8px;letter-spacing:.12em;font-weight:700}.public-experience-copy h2{margin:4px 0 3px;font:600 20px "Playfair Display","Noto Sans SC",serif}.public-experience-copy p{margin:0;color:#627477;font-size:9px;line-height:1.6}.public-experience-banner>button{position:relative;z-index:1;min-width:112px;border:0;border-radius:10px;background:var(--ink);color:white;padding:11px 14px;font:600 10px "DM Sans","Noto Sans SC",sans-serif;cursor:pointer;box-shadow:0 7px 16px rgba(24,48,54,.12)}.public-experience-banner>button:hover{background:var(--teal-dark);transform:translateY(-1px)}.public-experience-banner>button span{margin-left:12px}@media(max-width:760px){.public-experience-banner{grid-template-columns:auto 1fr;padding:16px;gap:13px}.public-experience-banner>button{grid-column:1/-1;width:100%}.public-experience-copy h2{font-size:17px}}@media(max-width:480px){.public-experience-mark{width:50px;height:50px;border-radius:14px}.public-experience-copy p{display:none}}
.nav{position:relative}.nav-label{display:block;margin:0 12px 8px;color:#8a9897;font-size:7px;letter-spacing:.18em;font-weight:700}.nav-item{position:relative;min-height:45px;transition:background .2s,color .2s,transform .2s}.nav-item:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:4px;background:transparent;transition:.2s}.nav-item:hover{transform:translateX(2px)}.nav-item.active:before{background:var(--teal)}.nav-item span{width:31px!important;height:31px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:#ffffff70;border:1px solid #e4dfd5;font-size:initial!important}.nav-item.active span{background:#f8fbf9;border-color:#c5dad5;box-shadow:0 4px 10px rgba(27,107,108,.08)}.nav-item svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.nav-item em{font-style:normal}.nav-item b{box-shadow:0 3px 8px rgba(229,119,93,.16)}html[data-runtime="public"] .course-card,html[data-runtime="public"] .streak{display:none}.public-sidebar-card{margin-top:26px;padding:17px;border:1px solid #d7dcd4;border-radius:14px;background:linear-gradient(145deg,#faf8f1,#e4eeea);box-shadow:0 10px 25px rgba(32,68,67,.06)}.public-sidebar-card>small{display:block;color:var(--teal);font-size:6px;letter-spacing:.15em;font-weight:700}.public-sidebar-card>strong{display:block;margin:6px 0 3px;font:600 16px "Playfair Display","Noto Sans SC",serif}.public-sidebar-card>p{margin:0;color:#718083;font-size:8px;letter-spacing:.03em}.public-sidebar-card>div{display:flex;align-items:center;gap:7px;margin-top:14px;padding-top:11px;border-top:1px solid #dce2dc;color:#607274;font-size:8px}.public-sidebar-card>div i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(27,107,108,.09)}html[data-runtime="public"] .nav{margin-bottom:4px}
html[data-runtime="public"] .local-profile{display:none}.public-profile{cursor:default}.public-profile>span{background:#dceae6;color:var(--teal);font-weight:700}.public-profile div small{letter-spacing:.04em}.public-profile>i{font-size:7px;color:#56a08f;margin-left:auto}.site-footer{margin:54px -42px -55px;padding:30px 42px 22px;border-top:1px solid #ddd9cf;background:#eeebe3;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:34px;color:var(--ink)}.site-footer-brand{display:flex;align-items:center;gap:10px}.site-footer-brand>.brand-mark{width:31px;height:31px}.site-footer-brand>div{display:grid}.site-footer-brand strong{font:600 16px "Playfair Display",serif}.site-footer-brand small{font-size:7px;letter-spacing:.1em;color:var(--muted)}.site-footer-author,.site-footer-contact{display:grid;gap:3px}.site-footer-author small{font-size:6px;letter-spacing:.12em;color:var(--teal);font-weight:700}.site-footer-author strong{font-size:10px}.site-footer-contact{padding-left:26px;border-left:1px solid #d5d0c6}.site-footer-contact span{font-size:9px;font-weight:600}.site-footer-contact small{font-size:7px;color:var(--muted)}.site-footer>p{grid-column:1/-1;margin:3px 0 0;padding-top:16px;border-top:1px solid #dbd7cd;color:#889190;font-size:7px}@media(max-width:760px){.site-footer{margin:38px -18px -55px;padding:24px 18px 20px;grid-template-columns:1fr}.site-footer-contact{padding:12px 0 0;border-left:0;border-top:1px solid #d5d0c6}.site-footer>p{grid-column:auto}}
.site-footer-contact{color:inherit;text-decoration:none;transition:color .2s}.site-footer-contact:hover span,.site-footer-contact:hover small{color:var(--teal)}.site-footer-contact i{font-style:normal;margin-left:3px}