:root{--ink:#20262b;--ink-soft:#475057;--paper:#f8f1df;--paper-2:#fffaf0;--paper-3:#efe3c7;--red:#7b2f28;--red-dark:#57201c;--gold:#b18a43;--gold-pale:#dfc78f;--line:#cfb982;--green:#47664f;--blue:#40576b;--mark:#f4d66d;--shadow:0 18px 48px rgba(34,31,25,.16);--bar-height:64px;--bottom-height:66px;--lesson-font:1.08rem;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{min-height:100%;margin:0;color:var(--ink);background:var(--paper);font-family:Georgia,'Times New Roman',serif;line-height:1.67}button,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #1676b8;outline-offset:3px}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;background:white;color:#111;padding:10px 15px}.skip-link:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.studybar{position:fixed;inset:0 0 auto;z-index:40;height:calc(var(--bar-height) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 18px 0;display:grid;grid-template-columns:1fr minmax(220px,2fr) 1fr;align-items:center;background:#20262bf2;color:#fff;border-bottom:1px solid #ffffff26;box-shadow:0 4px 18px #0003}.bar-title{text-align:center;min-width:0;line-height:1.15}.bar-title span{display:block;color:var(--gold-pale);font-size:.7rem;text-transform:uppercase;letter-spacing:.16em}.bar-title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}.bar-actions{display:flex;justify-content:flex-end;gap:8px}.bar-button,.icon-button{min-height:44px;border:1px solid #ffffff35;border-radius:11px;background:#ffffff0d;color:white;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.icon-button{min-width:44px;justify-content:center}.bar-button:hover,.icon-button:hover{background:#ffffff1f}
.cover{min-height:100dvh;padding:calc(var(--bar-height) + env(safe-area-inset-top,0px) + 50px) clamp(26px,7vw,110px) 54px;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(280px,.72fr);align-items:center;gap:clamp(30px,7vw,100px);overflow:hidden;position:relative;color:#fff;background:linear-gradient(108deg,#182027 0%,#252d31 56%,#39241e 100%)}.cover:before{content:"";position:absolute;inset:0;opacity:.1;background-image:linear-gradient(90deg,transparent 49.7%,#d8b76c 50%,transparent 50.3%),linear-gradient(#fff0 96%,#fff2 100%);background-size:150px 100%,100% 30px}.cover-copy,.cover-portrait{position:relative;z-index:1}.eyebrow{margin:0 0 17px;color:var(--gold-pale);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.cover h1{margin:0;font-size:clamp(4rem,9vw,8.4rem);line-height:.77;font-weight:400;letter-spacing:-.07em}.cover h1 em{color:var(--gold-pale);font-weight:400}.cover-lead{max-width:720px;margin:35px 0 20px;color:#f3ead9;font-size:clamp(1.08rem,1.8vw,1.35rem)}.cover-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 42px}.primary-button,.secondary-button{min-height:48px;padding:11px 20px;border-radius:4px;border:1px solid var(--gold-pale);cursor:pointer}.primary-button{background:var(--gold-pale);color:#1c2227;font-weight:800}.secondary-button{color:white;background:transparent}.route{display:grid;grid-template-columns:repeat(3,max-content);gap:8px 22px;padding-top:17px;border-top:1px solid #ffffff2e;color:#d8ccb9;font-size:.77rem;letter-spacing:.08em;text-transform:uppercase}.cover-portrait{margin:0;justify-self:center;width:min(100%,480px)}.portrait-frame{padding:13px;background:var(--paper-2);border:1px solid var(--gold);box-shadow:25px 28px 0 #0e1114aa,0 20px 60px #0008;transform:rotate(1deg)}.portrait-frame img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;filter:saturate(.75) sepia(.08)}.cover-portrait figcaption{margin:28px 0 0;padding-left:17px;border-left:3px solid var(--gold);color:#e5dac6}.cover-portrait figcaption span{display:block;color:var(--gold-pale);letter-spacing:.15em;font-size:.8rem}
.study-app{position:fixed;inset:calc(var(--bar-height) + env(safe-area-inset-top,0px)) 0 0;background:var(--paper)}.study-grid{height:calc(100% - var(--bottom-height) - var(--safe-bottom));display:grid;grid-template-columns:minmax(0,2fr) minmax(340px,1fr);overflow:hidden}.reading-pane{min-width:0;display:grid;grid-template-rows:auto 1fr;border-right:1px solid var(--line);background:var(--paper-2)}.reading-toolbar{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:9px 16px;background:#eee2c7;border-bottom:1px solid var(--line);white-space:nowrap}.reading-toolbar button,.note-actions button,.visual-choices button,.lesson-nav button,.study-panel-body button{min-height:40px;border:1px solid #a38852;border-radius:6px;background:#fffaf0;padding:7px 11px;cursor:pointer}.reading-toolbar .quiet-button{margin-left:auto;background:transparent}.count{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:11px;background:var(--red);color:#fff;font-size:.75rem}.lesson-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:clamp(24px,4vw,54px) clamp(24px,6vw,80px) 45px}.lesson-text{max-width:900px;margin:0 auto;font-size:var(--lesson-font)}.lesson-text .lesson-number{margin:0;color:var(--red);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em}.lesson-text h1{font-size:clamp(2.5rem,5.2vw,5.1rem);line-height:.94;letter-spacing:-.05em;font-weight:500;margin:8px 0 19px}.lesson-text .lead{font-size:1.25em;color:var(--ink-soft);line-height:1.5;margin:0 0 34px;padding-bottom:26px;border-bottom:1px solid var(--line)}.lesson-text h2{margin:44px 0 13px;font-size:1.75em;line-height:1.1;color:var(--red-dark)}.lesson-text h3{margin:28px 0 8px;font-size:1.25em}.lesson-text p{margin:0 0 1.15em}.lesson-text blockquote{margin:27px 0;padding:22px 25px;background:#f0e4c9;border-left:5px solid var(--gold);font-size:1.08em}.lesson-text .source{padding:24px;background:#f7edda;border:1px solid var(--line);border-radius:4px}.lesson-text .source p{margin:.75em 0}.lesson-text .paraphrase{padding:24px;background:#edf1f2;border-left:5px solid var(--blue)}.lesson-text .concept-grid,.lesson-text .compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.lesson-text .concept-card{padding:17px;border:1px solid var(--line);background:#fffaf0}.lesson-text .concept-card h3{margin:0 0 7px;color:var(--red)}.lesson-text .warning{padding:20px;border:1px solid #c88e77;border-left:6px solid var(--red);background:#fbede4}.lesson-text ul{padding-left:1.2em}.lesson-text li{margin:.5em 0}.lesson-text mark.study-highlight{background:var(--mark);color:#171717;border-radius:2px;padding:0 .05em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.lesson-text [data-visual]{scroll-margin-top:40px}.lesson-nav{max-width:900px;margin:45px auto 0;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-nav span{font-size:.85rem;color:var(--ink-soft)}.lesson-nav button:disabled{opacity:.35;cursor:not-allowed}
.study-rail{min-width:0;display:grid;grid-template-rows:minmax(250px,46%) minmax(280px,54%);overflow:hidden;background:#e9ddc2}.visual-pane,.notebook-pane{min-height:0;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain}.visual-pane{border-bottom:1px solid #9f8758;background:#282f33;color:#fff}.pane-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px}.pane-heading span{display:block;color:var(--gold-pale);font-size:.66rem;text-transform:uppercase;letter-spacing:.14em}.pane-heading h2{margin:1px 0 0;font-size:1.02rem}.visual-stage{min-height:0;flex:1;margin:0;padding:0 16px;display:flex;flex-direction:column}.visual-stage img{display:block;width:100%;min-height:0;flex:1;object-fit:contain;background:#fff;cursor:zoom-in}.visual-stage figcaption{padding:8px 0;color:#ddd1bd;font-size:.78rem;line-height:1.35}.visual-choices{display:flex;gap:7px;overflow-x:auto;padding:5px 16px 13px}.visual-choices button{min-width:38px;min-height:34px;padding:3px 8px;background:#ffffff14;color:#fff;border-color:#ffffff40}.visual-choices button[aria-pressed="true"]{background:var(--gold-pale);color:#20262b}.notebook-pane{background:#f3e8cf}.sticky-heading{position:sticky;top:0;z-index:2;background:#f3e8cff2;border-bottom:1px solid var(--line)}.note-actions{display:flex;gap:6px}.note-actions button{min-height:34px;font-size:.73rem}.note-actions .danger-button{border-color:#a46b5d;color:#70291e}.notebook-pane textarea{flex:0 0 140px;resize:vertical;margin:2px 16px 15px;padding:13px;border:1px solid #bca46f;background:#fffaf0;color:var(--ink);line-height:1.5}.citations-heading{display:flex;align-items:baseline;justify-content:space-between;padding:0 16px 7px}.citations-heading h3{margin:0;font-size:.94rem}.citations-heading span{font-size:.72rem;color:var(--ink-soft)}.citations{padding:0 16px 24px}.empty-citations{font-size:.84rem;color:var(--ink-soft);font-style:italic}.citation{position:relative;padding:12px 32px 12px 0;border-top:1px solid #c6b486;line-height:1.45;font-size:.88rem}.citation button{position:absolute;right:0;top:8px;border:0;background:transparent;color:var(--red);font-size:1.15rem;cursor:pointer}.sediment-bar{position:absolute;inset:auto 0 0;height:calc(var(--bottom-height) + var(--safe-bottom));padding:7px max(14px,env(safe-area-inset-right)) calc(7px + var(--safe-bottom)) max(14px,env(safe-area-inset-left));display:flex;align-items:center;gap:9px;background:#20262bf5;color:#fff;border-top:1px solid #ffffff25}.sediment-bar button{height:44px;border:1px solid #ffffff36;border-radius:7px;background:#ffffff0c;color:#fff;padding:7px 14px;cursor:pointer;display:flex;align-items:center;gap:8px}.sediment-bar button span{color:var(--gold-pale)}.progress-wrap{margin-left:auto;width:150px}.progress-wrap span{display:block;font-size:.68rem;color:#ded2bc}.progress-wrap progress{display:block;width:100%;height:7px;accent-color:var(--gold)}.mobile-tabs{display:none}
.overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#101416dd;backdrop-filter:blur(7px)}.dialog-card{width:min(920px,96vw);max-height:90dvh;overflow:auto;background:var(--paper-2);border:1px solid var(--line);box-shadow:var(--shadow)}.dialog-card>header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:19px 24px;background:#20262b;color:#fff}.dialog-card>header span{color:var(--gold-pale);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em}.dialog-card>header h2{margin:1px 0 0;font-size:1.35rem}.dialog-card>header button,.image-dialog>button{width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:2rem;cursor:pointer}.lesson-index{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.lesson-index button{min-height:118px;padding:20px;text-align:left;border:0;background:var(--paper-2);cursor:pointer}.lesson-index button:hover{background:#f0e4ca}.lesson-index .index-number{color:var(--red);font-size:.74rem;letter-spacing:.12em}.lesson-index strong{display:block;font-size:1.17rem;margin:5px 0}.lesson-index small{color:var(--green)}.reset-button{margin:20px 24px;padding:9px 13px;border:1px solid #ac7467;background:transparent;color:var(--red);cursor:pointer}.study-panel-body{padding:25px}.knowledge-list{display:grid;gap:12px;padding:0;list-style:none;counter-reset:knowledge}.knowledge-list li{counter-increment:knowledge;padding:15px 18px 15px 55px;position:relative;background:#f2e5c8;border-left:4px solid var(--gold)}.knowledge-list li:before{content:counter(knowledge);position:absolute;left:18px;top:13px;color:var(--red);font-size:1.2rem;font-weight:bold}.vocabulary-list{display:grid;grid-template-columns:minmax(130px,.35fr) 1fr;gap:0}.vocabulary-list dt,.vocabulary-list dd{margin:0;padding:13px;border-bottom:1px solid var(--line)}.vocabulary-list dt{font-weight:bold;color:var(--red)}.test-intro{padding:14px;background:#edf1f2;border-left:5px solid var(--blue)}.quiz-question{margin:22px 0;padding:18px;border:1px solid var(--line)}.quiz-question fieldset{border:0;padding:0;margin:0}.quiz-question legend{font-weight:bold;margin-bottom:10px}.quiz-question label{display:block;margin:8px 0;padding:9px;background:#f7efdf;cursor:pointer}.quiz-question input{margin-right:9px}.submit-test,.retry-errors{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important;padding:10px 18px!important}.test-result{margin-top:22px;padding:19px;background:#edf4ed;border-left:5px solid var(--green)}.error-review{margin-top:14px;padding:16px;background:#f9e8df;border-left:5px solid var(--red)}.recovery-card{margin:12px 0;padding:15px;background:#fffaf0;border:1px solid #d5ba80}.recovery-card h4{margin:0 0 8px;color:var(--red)}.retry-question{margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.attempt-history{margin-top:20px;font-size:.83rem;color:var(--ink-soft)}.image-overlay{overflow:auto}.image-dialog{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-dialog>button{position:fixed;right:24px;top:18px;z-index:2}.image-dialog img{display:block;max-width:96%;max-height:84%;object-fit:contain;background:#fff}.image-dialog p{max-width:900px;color:#fff}.toast{position:fixed;z-index:120;left:50%;bottom:calc(86px + var(--safe-bottom));transform:translate(-50%,20px);padding:10px 16px;border-radius:6px;background:#161b1e;color:#fff;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
body[data-theme="night"]{--ink:#eee7d7;--ink-soft:#c7bdab;--paper:#181d20;--paper-2:#22282b;--paper-3:#303639;--line:#675f50;--mark:#927321;--red:#e5a397;--red-dark:#efb0a4;--gold:#cfac68;--gold-pale:#e2c98d;--green:#9fc2a6;--blue:#9ab2c5}body[data-theme="night"] .reading-toolbar,body[data-theme="night"] .notebook-pane,body[data-theme="night"] .sticky-heading{background:#30312f}body[data-theme="night"] .lesson-text .source,body[data-theme="night"] .lesson-text .concept-card,body[data-theme="night"] .lesson-text blockquote,body[data-theme="night"] .notebook-pane textarea{background:#292f31;color:var(--ink)}body[data-theme="night"] .lesson-text .paraphrase{background:#26333b}body[data-theme="night"] .lesson-text .warning{background:#3c2925}body[data-theme="night"] .citation{border-color:#625d52}body[data-theme="night"] .dialog-card,body[data-theme="night"] .lesson-index button{background:#22282b;color:var(--ink)}body[data-theme="night"] .knowledge-list li,body[data-theme="night"] .quiz-question label,body[data-theme="night"] .recovery-card{background:#30322f}body[data-theme="night"] .test-intro,body[data-theme="night"] .test-result{background:#26333b}body[data-theme="night"] .error-review{background:#3b2925}
@media(max-width:900px){:root{--bottom-height:62px}.studybar{grid-template-columns:auto minmax(0,1fr) auto;padding-left:8px;padding-right:8px}.bar-label{display:none}.study-app{padding-top:46px}.mobile-tabs{position:absolute;inset:0 0 auto;z-index:5;height:46px;display:grid;grid-template-columns:repeat(3,1fr);background:#ded0b2;border-bottom:1px solid var(--line)}.mobile-tabs button{border:0;border-right:1px solid var(--line);background:transparent;min-height:44px}.mobile-tabs button[aria-pressed="true"]{background:var(--red);color:#fff}.study-grid{display:block;height:calc(100% - var(--bottom-height) - var(--safe-bottom))}.reading-pane,.study-rail{height:100%;border:0}.study-rail{display:block}.visual-pane,.notebook-pane{height:100%;border:0}.study-grid[data-mobile-pane="reading"] .study-rail{display:none}.study-grid[data-mobile-pane="visual"] .reading-pane,.study-grid[data-mobile-pane="visual"] .notebook-pane{display:none}.study-grid[data-mobile-pane="notes"] .reading-pane,.study-grid[data-mobile-pane="notes"] .visual-pane{display:none}.reading-toolbar{padding:7px 10px}.lesson-scroll{padding:30px clamp(20px,7vw,60px)}.sediment-bar{gap:5px}.sediment-bar button{flex:1;justify-content:center;padding:6px;font-size:.76rem}.progress-wrap{display:none}.visual-pane{padding-bottom:8px}.visual-stage img{max-height:calc(100dvh - 250px)}.notebook-pane textarea{flex:0 0 32%}}
@media(max-width:680px){.cover{grid-template-columns:1fr;padding-top:calc(var(--bar-height) + env(safe-area-inset-top,0px) + 35px);align-content:start}.cover h1{font-size:clamp(3.6rem,19vw,6.6rem)}.cover-portrait{width:min(70vw,310px)}.route{grid-template-columns:repeat(2,max-content)}.cover-lead{margin-top:28px}.lesson-text .concept-grid,.lesson-text .compare-grid,.lesson-index{grid-template-columns:1fr}.lesson-text h1{font-size:2.65rem}.vocabulary-list{grid-template-columns:1fr}.vocabulary-list dd{padding-top:0}.note-actions button{font-size:0;width:42px}.note-actions button:before{font-size:1rem}.note-actions #downloadNotesBtn:before{content:"⇩"}.note-actions #clearNotesBtn:before{content:"×"}.sediment-bar button{font-size:0}.sediment-bar button span{font-size:1rem}.sediment-bar button:first-child:after{content:"Saperi";font-size:.73rem}.sediment-bar button:nth-child(2):after{content:"Parole";font-size:.73rem}.sediment-bar button:nth-child(3):after{content:"Test";font-size:.73rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toast{transition:none}}
@media(print){.studybar,.reading-toolbar,.study-rail,.sediment-bar,.mobile-tabs{display:none!important}.study-app{position:static}.study-grid{display:block;height:auto}.lesson-scroll{overflow:visible}.lesson-text{max-width:none}}
.portrait-frame img{height:auto}
.study-rail{min-height:0;height:100%}
.study-grid{grid-template-rows:minmax(0,1fr)}