@font-face{font-family:Vazir;src:url('/fonts/vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#f5f6f2;--surface:#fff;--ink:#1c3534;--muted:#667b75;--line:#dfe7e1;--green:#256d58;--green-dark:#143f36;--mint:#d9f1e4;--warm:#fcf2e6;--orange:#92581e;--red:#aa3c43;--radius:22px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.8 Vazir,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a47a37;outline-offset:4px}button,a{transition:background .2s,color .2s,border-color .2s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:27px;line-height:1.5;font-weight:650}h2{font-size:23px;font-weight:600}h3{font-size:18px;font-weight:600}.eyebrow{font-size:12px;color:var(--muted)}.muted,.small{color:var(--muted)}.small{font-size:12px}.sidebar{position:fixed;inset:0 0 0 auto;width:234px;background:var(--green-dark);color:#e4eee6;padding:34px 23px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:25px;font-weight:600;line-height:1.4}.brand small{display:block;font:9px/2.5 'Segoe UI',sans-serif;letter-spacing:2.1px;color:#b3cebd}.brand-mark{display:grid;place-items:center;width:47px;height:47px;background:#c7efd4;color:#163e31;border-radius:15px}.brand-mark svg{width:31px;height:31px;stroke-width:2}.sidebar nav{display:grid;gap:9px;margin-top:57px}.nav-item{width:100%;border:0;display:flex;align-items:center;gap:12px;position:relative;text-align:right;color:#bfd2c8;background:transparent;border-radius:12px;padding:13px 12px;min-height:49px;font-size:14px}.nav-item:hover{background:#235044;color:#fff}.nav-item.active{background:#e1f1e5;color:#174635}.nav-dot{width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:auto}.nav-item.bottom{margin-top:auto}.side-note{margin-top:70px;padding:18px 9px 35px;border-top:1px solid #386151}.side-note p{font-size:14px;margin-top:15px;color:#e7f2e7}.side-note small{font-size:11px;color:#a7c0b0}.side-illustration{width:100%;height:66px;color:#a3d2ae;stroke-width:1.4}main{margin-right:234px;padding:32px 42px 14px;max-width:1900px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:33px}.header-actions{display:flex;gap:20px;align-items:center}.connection{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted)}.connection i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bc9959}.connection i.ready{background:#388965}.button{border:1px solid transparent;border-radius:12px;padding:11px 20px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:550}.button.primary{background:var(--green);color:#fff}.button.primary:hover:not(:disabled){background:#1b5948}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.button.secondary:hover{border-color:#97b6a6}.button.compact{padding:9px 14px;font-size:12px}.button.compact span{font-size:21px;line-height:1}.text-button{border:0;background:none;color:var(--green);display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:5px 3px;font-size:13px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.icon-button{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);background:var(--surface);border-radius:12px;color:var(--ink)}.notice{padding:13px 17px;border:1px solid #e6c0bd;background:#fff0ee;color:#8d343a;border-radius:12px;margin-bottom:20px;overflow-wrap:anywhere}.welcome{max-width:890px;margin:20px auto 60px;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:28px 48px 36px}.welcome-illustration{display:flex;justify-content:center}.welcome-illustration svg{width:220px;height:115px;color:#45816a;stroke-width:1.5}.welcome>.eyebrow,.welcome>h2,.welcome>p{text-align:center;display:block}.welcome>h2{font-size:29px;margin:7px 0 12px}.welcome>p{color:var(--muted);font-size:14px;max-width:580px;margin:auto}.welcome form{margin-top:34px}label{display:block;font-size:13px}.url-row{display:flex;gap:9px;margin-top:8px}.url-row input{flex:1;min-width:0}.url-row button{white-space:nowrap}input:not([type=checkbox]),select,textarea{color:var(--ink);background:#fbfcf9;border:1px solid #ccd9cf;border-radius:10px;padding:11px 13px;min-height:44px;width:100%}input::placeholder{color:#8a9991}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px}.lesson-options{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.file-button{cursor:pointer;color:var(--muted);font-size:12px;padding:8px 0}.file-button:hover{color:var(--green)}details{border-top:1px solid var(--line);padding-top:12px;margin-top:15px}summary{cursor:pointer;color:var(--muted);font-size:12px;min-height:30px}.policy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}.policy-grid label:last-child{grid-column:span 2}.policy-grid input,.policy-grid select{margin-top:5px}.welcome-recent{margin-top:18px;border-top:1px solid var(--line)}.recent-link{display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);width:100%;background:none;padding:15px 0;text-align:right;color:var(--ink);font-size:13px}.recent-link small{color:var(--muted);white-space:nowrap}.lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.lesson-heading h2{font-size:19px;direction:ltr;text-align:right;margin-top:5px;max-width:720px;line-height:1.6}.overall-progress{width:155px;flex-shrink:0;text-align:left}.overall-progress strong{font:600 24px/1.4 'Segoe UI',sans-serif}.overall-progress>span{display:block;color:var(--muted);font-size:11px}progress{display:block;width:100%;height:5px;margin-top:9px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#e0e8df}progress::-webkit-progress-bar{background:#e0e8df}progress::-webkit-progress-value{background:var(--green);border-radius:8px}.practice-grid{display:grid;grid-template-columns:minmax(350px,1fr) minmax(390px,1.08fr);gap:27px;align-items:start}.video-column{min-width:0}.video-shell{background:#163b34;aspect-ratio:16/9;min-height:220px;position:relative;border-radius:17px;overflow:hidden}.video-shell iframe{width:100%;height:100%;display:block;border:0}#youtube-player{position:absolute;inset:0;width:100%;height:100%}#video-placeholder{display:flex;align-items:center;justify-content:center;gap:12px;color:#bed4c7;height:100%;font-size:13px}#video-placeholder svg{width:39px;height:39px}.video-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 22px}.video-toolbar>span{font:12px 'Segoe UI',sans-serif;color:var(--muted)}.video-toolbar>div{display:flex;gap:16px;align-items:center}.speed-label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.speed-label select{padding:3px 7px;min-height:34px;width:65px;font-size:12px}.coach-note{padding:20px 17px;background:#e8efe7;border:1px solid #d8e4d7;border-radius:16px;display:flex;gap:14px}.note-icon{background:#fff9;width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#527461;flex-shrink:0}.coach-note strong{font-size:14px;font-weight:550}.coach-note p{font-size:12px;color:#5f7466;line-height:1.9;margin-top:5px}.session-options{display:grid;gap:10px;margin:21px 2px}.session-options label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.report-link{margin:3px 2px}.focus-column{min-width:0}.focus-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:25px 29px 20px;box-shadow:0 8px 32px #183e3104}.focus-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.segment-pill{font-size:12px;color:var(--muted)}.phase-pill{font-size:11px;padding:4px 10px;border-radius:7px;background:#eef3ed;color:#4d725c}.phase-pill.recording{background:#fae8e6;color:var(--red)}.phase-pill.success{background:var(--mint);color:#246d50}.mastery-rail{display:flex;align-items:flex-start;margin:24px 0 27px;gap:7px}.mastery-step{flex:1;position:relative;text-align:center;color:#82958b;font-size:10px}.mastery-step:before{content:'';position:absolute;top:13px;right:calc(50% + 19px);width:calc(100% - 31px);height:1px;background:var(--line)}.mastery-step:last-child:before{display:none}.mastery-step .step-circle{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d9e1d8;background:#f9faf6;border-radius:50%;margin:0 auto 6px;font:12px 'Segoe UI',sans-serif}.mastery-step.done{color:var(--green)}.mastery-step.done .step-circle{background:var(--green);border-color:var(--green);color:white}.step-circle svg{width:16px;height:16px}.mastery-step.current{color:var(--ink);font-weight:600}.mastery-step.current .step-circle{background:#e3f1e5;border-color:#a7c3ab;color:#276d53;box-shadow:0 0 0 4px #edf5ed}.reference-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.reference-label button{font-size:10px}.reference{font:clamp(25px,2.2vw,36px)/1.65 Georgia,'Times New Roman',serif;color:#203b36;min-height:144px;padding:9px 0 20px;text-wrap:pretty}.reference mark{background:#fff0df;color:#794824;border-bottom:2px solid #d8a56b;border-radius:4px}.action-zone{display:flex;align-items:center;gap:10px;margin-top:15px;position:relative;flex-wrap:wrap}.main-cta{flex:1;width:100%;min-height:53px;font-size:15px;border-radius:12px}.main-cta svg{width:20px;height:20px}.main-cta.retry{background:#8a5a2e}.main-cta.success{background:#206c4c}.main-cta.recording{background:#a8444c}.state-hint{text-align:center;font-size:11px;color:var(--muted);min-height:22px;line-height:1.9;margin-top:11px}.recall-card{text-align:center;min-height:199px;border:1px dashed #c7d9c9;border-radius:15px;background:#f6faf3;padding:23px 15px}.recall-card>svg{width:48px;height:48px;color:#6a9774;margin-bottom:8px}.recall-card h3{font-size:19px}.recall-card p{font-size:12px;margin-top:7px;color:var(--muted)}.recall-card button{font-size:11px;margin-top:7px}.record-visual{width:100%;display:flex;align-items:center;gap:12px;font-size:10px;color:var(--red);direction:ltr}.record-visual>span:first-child{font:13px 'Segoe UI',sans-serif}.level-track{flex:1;height:6px;background:#f4e2e3;border-radius:9px;overflow:hidden}.level-track i{display:block;width:0;height:100%;background:#b9505a;border-radius:9px;transition:width .1s}.feedback-card{margin-top:17px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:21px 25px}.feedback-card.needs-work{border-color:#e7d3b9;background:#fffdf9}.feedback-card.passed{border-color:#bdd7c2}.feedback-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.feedback-heading h3{font-size:17px;margin-top:4px}.score-ring{font:600 25px/1.2 'Segoe UI',sans-serif;color:var(--green);background:#e8f1e5;border-radius:50%;width:61px;height:61px;display:grid;place-items:center;flex-shrink:0}.needs-work .score-ring{color:#85582c;background:#f8ecdb}.pass-reasons{padding:0 16px 0 0;font-size:12px;color:#7b5630;line-height:1.9;margin:13px 0}.word-feedback{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0}.word-chip{border:1px solid #dfcba8;background:#fdf3e4;color:#744c21;border-radius:7px;padding:4px 9px;font:13px 'Segoe UI',sans-serif;min-height:34px}.compare-row{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:15px}.compare-row>div{flex:1;min-width:0}.compare-row label{font-size:11px;color:var(--muted);margin-bottom:5px}audio{width:100%;height:35px;max-width:100%}.compare-row>.text-button{font-size:11px;white-space:nowrap}.saved-path{overflow-wrap:anywhere;color:#738075;font:10px/1.8 'Segoe UI',sans-serif;margin-top:9px}.score-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.score-details>div{font-size:10px;color:var(--muted);padding:9px;border:1px solid var(--line);border-radius:8px}.score-details strong{display:block;font:600 17px 'Segoe UI',sans-serif;color:var(--ink);margin-top:5px}#recognized{font-size:13px;margin:12px 0}pre{font:12px/2 Vazir,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}#full-feedback{color:var(--muted)}.segment-track{display:flex;align-items:center;gap:16px;padding:25px 0;color:var(--muted);font-size:11px}.segment-track>div{display:flex;gap:8px;flex:1;justify-content:center}.track-item{display:grid;place-items:center;min-width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:9px;font:11px 'Segoe UI',sans-serif}.track-item.done{background:#dceddf;border-color:#cadbcb;color:#2b6b4d}.track-item.current{border-color:#3c7b5a;color:#236743;background:#eef7e9;font-weight:700}.track-item.locked{background:transparent;color:#87958b}.track-item svg{width:15px;height:15px}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:16px 0 0;color:#718278;font-size:10px;margin-top:20px}footer span{font-size:9px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.history-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.history-card{background:#fff;border:1px solid var(--line);padding:22px;border-radius:18px;min-width:0}.history-card h3{font-size:15px;direction:ltr;line-height:1.7;text-align:right}.history-meta{font-size:11px;color:var(--muted);margin:8px 0 17px;display:flex;justify-content:space-between;gap:10px}.history-card>.actions{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.report-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;margin-top:25px}.method-page{max-width:900px;background:#fff;border:1px solid var(--line);padding:35px 40px;border-radius:23px}.method-page>h2{margin:10px 0 20px}.method-page>p{font-size:14px;color:var(--muted)}.method-steps{padding-right:22px;margin:28px 0}.method-steps li{padding:10px 12px 18px}.method-steps p{font-size:13px;color:var(--muted);margin-top:7px}.method-disclaimer{border-right:3px solid #adc5aa;padding:10px 18px}.source-links{display:grid;gap:13px;direction:ltr;font-size:13px;margin-top:25px;color:var(--green)}dialog{border:1px solid var(--line);border-radius:23px;width:min(540px,92vw);padding:30px;color:var(--ink);background:#fff;box-shadow:0 20px 100px #09251c33}dialog::backdrop{background:#102f29a6;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-heading h2{font-size:21px}dialog label{margin:15px 0 5px}dialog label small{display:block;color:var(--muted);font-size:11px}dialog .button{width:100%;margin-top:20px}dialog p{margin-top:15px}textarea{resize:vertical}
@media(min-width:1500px){main{padding-left:64px;padding-right:64px}.practice-grid{gap:35px}.focus-card{padding:30px 38px}.reference{min-height:180px}.video-shell{min-height:285px}}
@media(max-width:1170px){.sidebar{width:200px;padding:29px 17px}.brand{font-size:23px}.sidebar nav{margin-top:40px}main{margin-right:200px;padding:26px 25px 12px}.practice-grid{grid-template-columns:minmax(280px,1fr) minmax(310px,1.1fr);gap:18px}.focus-card{padding:20px}.reference{font-size:28px}.video-shell{min-height:205px}.header-actions{gap:10px}.connection{display:none}.lesson-heading h2{font-size:17px}.compare-row{flex-wrap:wrap}.history-list{grid-template-columns:1fr}}
@media(max-width:930px){.sidebar{width:78px;padding:25px 12px;align-items:center}.brand>span:last-child,.nav-item:not(.active) .nav-dot{display:none}.sidebar nav{width:100%;gap:12px}.nav-item{font-size:0;gap:0;justify-content:center;padding:13px;width:49px}.nav-item svg{width:23px;height:23px}.nav-dot{position:absolute;width:4px;height:4px;bottom:5px;right:23px}.side-note{display:none}.sidebar .bottom{margin-top:auto}.brand-mark{width:44px;height:44px}main{margin-right:78px;padding:26px}.practice-grid{grid-template-columns:1fr 1fr;gap:18px}.video-toolbar{flex-wrap:wrap}.video-toolbar>div{gap:9px}.focus-card{padding:18px}.reference{font-size:26px}.feedback-card{padding:18px}.coach-note{padding:15px;gap:10px}.note-icon{display:none}.lesson-heading{gap:15px}.overall-progress{width:115px}.segment-track{gap:8px}}
@media(max-width:720px){.sidebar{inset:auto 0 0;width:100%;height:65px;padding:6px 15px;flex-direction:row;justify-content:space-between;border-radius:17px 17px 0 0}.sidebar .brand,.side-note,.sidebar .bottom{display:none}.sidebar nav{display:flex;justify-content:space-around;margin:0;gap:6px}.sidebar .nav-item{width:auto;min-height:49px;font-size:10px;gap:7px;padding:8px 12px;flex:1;white-space:nowrap}.nav-item svg{width:19px;height:19px}.nav-dot{display:none}main{margin:0;padding:20px 17px 85px}.topbar{margin-bottom:24px}.topbar h1{font-size:23px}.topbar .eyebrow{font-size:11px}.button.compact{padding:8px 11px}.practice-grid{display:flex;flex-direction:column;gap:17px}.video-column,.focus-column{width:100%}.video-shell{min-height:200px}.video-toolbar{margin-bottom:6px}.coach-note,.session-options,.report-link{display:none}.focus-card{padding:20px 23px}.mastery-rail{margin:21px 0}.reference{font-size:29px;min-height:110px}.lesson-heading{margin-bottom:18px;align-items:start}.lesson-heading h2{font-size:15px}.overall-progress{width:85px}.overall-progress strong{font-size:20px}.overall-progress>span{font-size:9px}.segment-track{margin-top:4px;flex-wrap:wrap}.segment-track>div{gap:5px}.track-item{min-width:28px;height:28px}.segment-track>span{font-size:10px}.segment-track>span:first-child{display:none}.welcome{margin:5px 0 30px;padding:22px}.welcome>h2{font-size:24px}.welcome>p{font-size:13px}.welcome form{margin-top:23px}.url-row{flex-direction:column}.lesson-options{flex-direction:column;align-items:start;gap:0}.policy-grid{grid-template-columns:repeat(2,1fr)}.welcome-illustration svg{height:95px;width:185px}.section-heading h2{font-size:20px}.method-page{padding:25px}.method-page>h2{font-size:22px}footer{font-size:9px;flex-direction:column;gap:5px}.compare-row{flex-wrap:nowrap}.focus-top{gap:5px}.connection{display:none}}
.inline-feedback{margin:3px 0 6px;padding:12px 14px;border-radius:10px;background:#fbf2e5;color:#78502a;font-size:12px}.inline-feedback strong{font-size:13px;font-weight:600}.inline-feedback p{margin-top:4px;font-size:11px;line-height:1.9}.inline-feedback.passed{background:#eaf4e9;color:#2f6949}.text-button{min-height:44px}.word-chip{min-height:40px}.overall-progress strong{display:block;direction:ltr}.video-column .speed-label select{border-color:#bbcfc2}
@media(max-width:720px){.session-options{display:grid;gap:5px;margin:8px 0}.session-options label{font-size:11px;padding:4px 0}.report-link{display:inline-flex}.word-chip{min-height:44px}.reference-label .text-button{font-size:11px}}
:root{--muted:#5d7169}.mastery-step{color:var(--muted)}.track-item.locked{color:#62746a}.saved-path,footer{color:var(--muted)}footer{font-size:11px}footer span{font-size:11px}.coach-note p{color:#516657}#mobile-settings{display:none}
@media(max-width:720px){html{scroll-padding-bottom:90px;scroll-padding-top:15px}.focus-card{scroll-margin-bottom:85px}.header-actions{gap:7px}#mobile-settings{display:inline-grid;width:42px;height:44px}.topbar{gap:9px}.button.compact{padding:8px 9px}}
.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}.reading-card{padding:27px;background:var(--surface,#fff);border:1px solid var(--line,#dce6df);border-radius:22px;min-width:0}.reading-page .section-heading h2{font-size:24px;margin:5px 0 22px}.reading-page .section-heading{align-items:start;gap:16px}.reading-page textarea{display:block;width:100%;resize:vertical;min-height:250px;max-height:65vh;padding:19px 20px;border:1px solid var(--line,#dce6df);border-radius:14px;background:#fafcf9;color:var(--ink);font:22px/1.8 Georgia,serif;overflow-wrap:anywhere}.reading-page textarea::placeholder{font:17px/1.7 'Segoe UI',sans-serif;color:var(--muted)}.reading-page textarea[readonly]{background:#f0f6f1}.reading-options{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 12px;margin:8px 0 18px}.reading-options p{margin:0}.reading-options label{font-size:12px;min-height:44px;display:flex;align-items:center;gap:7px}.reading-options input{accent-color:var(--green,#276349);width:16px;height:16px}.reading-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.reading-actions .main-cta{flex:1 1 100%;min-height:54px}.reading-card .record-visual{margin:15px 0}.reading-empty{padding:44px 30px;text-align:center;color:var(--muted);align-self:center;max-width:370px;justify-self:center}.reading-empty svg{width:160px;fill:none;stroke:var(--green,#276349);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}.reading-empty h3{font-size:19px;color:var(--ink);margin:5px 0}.reading-empty p{font-size:14px}.reading-result{min-width:0;margin-top:0}.reading-attempt-picker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0;font-size:12px;color:var(--muted)}.reading-attempt-picker select{max-width:100%;min-height:44px;flex:1;min-width:160px}.reading-result .score-details{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.reading-result .score-details>div{font-size:11px}.reading-tips{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:var(--ink);margin:15px 0}.reading-result .compare-row{margin-top:18px}.reading-result .compare-row>div{min-width:0;flex:1}.reading-result audio{width:100%;max-width:100%;height:40px}.reading-file{margin:16px 0;padding:12px 14px;background:#f2f7f2;border-radius:12px}.reading-file>label{font-size:12px;color:var(--muted)}.reading-file .saved-path{margin:4px 0;font-size:11px;overflow-wrap:anywhere;user-select:all}.reading-copy-actions{display:flex;gap:12px;margin-top:17px;align-items:center;flex-wrap:wrap}.reading-result details>p[lang=en]{white-space:pre-wrap;overflow-wrap:anywhere;font:17px/1.7 Georgia,serif}.reading-table-wrap{max-height:320px;overflow:auto;margin-top:15px}.reading-table{width:100%;border-collapse:collapse;font-size:12px;text-align:right}.reading-table th{position:sticky;top:0;background:#f1f6f0}.reading-table th,.reading-table td{padding:8px 10px;border-bottom:1px solid #e1e9df}.reading-table td:first-child{text-align:left;overflow-wrap:anywhere}.reading-history-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:17px/1.7 Georgia,serif;overflow-wrap:anywhere}.history-group-heading{font-size:16px;margin:27px 0 13px}.field-error{color:#a94725;font-size:13px;margin:8px 0}.reading-page{scroll-margin-bottom:90px}
@media(max-width:1100px){.reading-layout{grid-template-columns:minmax(0,1fr)}.reading-empty{padding:12px 20px}.reading-empty svg{display:none}.reading-card{padding:24px}.reading-result{max-width:none}}
@media(max-width:720px){.sidebar .nav-item{flex-direction:column;gap:1px;padding:4px 2px;font-size:10px;line-height:1.7;min-width:0;min-height:49px}.sidebar .nav-item svg{width:18px;height:18px}.sidebar nav{gap:4px}.reading-page .section-heading h2{font-size:20px}.reading-page .section-heading{gap:10px}.reading-card{padding:18px}.reading-page textarea{font-size:21px;min-height:235px;padding:14px}.reading-layout{gap:18px}.reading-empty{padding:5px 12px}.reading-empty h3{font-size:16px}.reading-options{margin-bottom:10px}.reading-result .score-details{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-result .score-details>div{font-size:12px}.reading-actions .button{min-height:48px}.reading-result{scroll-margin-bottom:88px}.reading-page .section-heading>.button{white-space:nowrap}.reading-copy-actions .button{flex:1}}
.reading-empty svg{height:105px}
.nav-item:not(.active) .nav-dot{display:none}
@media(max-width:720px){.reading-page textarea{height:230px;min-height:220px}.reading-actions .main-cta{scroll-margin-block:95px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}