/* Three layers: warm paper, opaque editorial surfaces, floating glass controls. */
:root{--paper:#f7f5ef;--paper2:#eeeae1;--page:#fffdf9;--ink:#29251f;--ink2:#625c51;--ink3:#756a59;--clay:#93633e;--ochre:#a77b3e;--line:#e7e1d6;--line2:#d6cdbd;--glass:rgba(255,253,249,.78);--glass-border:rgba(255,255,255,.65);--shadow:0 2px 5px #352b1a04,0 9px 26px #352b1a07;--shadow-lg:0 8px 28px #352b1a14;--radius-control:12px;--radius-card:22px;--radius-hero:30px;--motion-slow:240ms;--motion-page:240ms}
html[data-appearance=dark]{color-scheme:dark;--paper:#211f1b;--paper2:#36312a;--page:#2b2823;--ink:#f0e9db;--ink2:#cec3b1;--ink3:#b5a790;--clay:#d3a879;--ochre:#c29b63;--line:#423b32;--line2:#5f5342;--glass:rgba(43,40,35,.85);--glass-border:#ffffff18;--indigo:#343b48;--indigo2:#a5aec4;--good:#a6bb92;--shadow:0 4px 22px #0002;--shadow-lg:0 12px 35px #0004}
body{background:var(--paper)}body:before{opacity:.15}main{min-width:0}h1,h2,h3{text-wrap:balance}button,input,select,textarea{accent-color:var(--ochre)}
.literary-nav{top:14px;margin:14px auto 0;width:calc(100% - 40px);max-width:1400px;padding:12px 20px;gap:18px;border:1px solid var(--glass-border);border-radius:20px;background:var(--glass);backdrop-filter:blur(26px) saturate(130%);-webkit-backdrop-filter:blur(26px) saturate(130%);box-shadow:0 0 0 1px #382c1710,0 8px 30px #382c1708;transition:padding 200ms,background 200ms,box-shadow 200ms}
.literary-nav.is-scrolled{padding-block:8px;background:color-mix(in srgb,var(--page) 92%,transparent);box-shadow:0 6px 28px #382c1712}
.literary-nav .brand{font-size:19px;gap:10px;white-space:nowrap;min-height:44px}.literary-nav .brand .mark{border-radius:11px;width:34px;height:34px}.literary-nav .navlinks{display:flex;position:static;background:none;border:0;box-shadow:none;padding:0;gap:2px;margin-left:12px}.literary-nav .navlinks button{border-radius:11px;font-size:13px;padding:10px 13px;white-space:nowrap}.literary-nav .navlinks .on{background:var(--paper2);color:var(--ink)}.literary-nav .nav-r{gap:9px}
.search-launch,.premium-link,.app-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font:500 12px var(--ui);border-radius:12px}.search-launch{padding:8px 12px;background:color-mix(in srgb,var(--paper2) 65%,transparent)}kbd{font:10px var(--ui);padding:3px 5px;background:var(--page);border:1px solid var(--line);border-radius:5px;color:var(--ink3)}.premium-link{padding:8px;color:var(--clay)}.app-icon{width:44px;flex-shrink:0}.app-icon:hover,.premium-link:hover{background:var(--paper2)}.literary-nav .avatar{background:var(--paper2);color:var(--ink);font-weight:500;border:3px solid var(--page);outline:1px solid var(--line2);width:40px;height:40px;min-width:40px;min-height:44px}
.pill{border-radius:14px;border:0;min-height:44px;padding:12px 19px;font-size:13px;line-height:1.4}.pill.solid{background:var(--ink);color:var(--paper)}.pill.ghost{background:var(--paper2);color:var(--ink)}.pill.ghost:hover{background:var(--line);color:var(--ink)}.pill.gold{background:#e6d3ad;color:#463722}.pill.sm{min-height:44px;padding:10px 15px}.more,.backlink{min-height:44px}.sect-head{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}.sect-head h2{font-size:clamp(27px,3vw,34px);font-weight:500}.sect{margin-block:48px}
.tcard,.pcard,.qcard,.theme-card,.qm-card,.qm-panel,.qm-quote-card,.wb-card,.crs-station,.qz-card,.ana-card,.markcard,.modelcard,.ob-card,.step-card,.syllabus-book-card{border-radius:var(--radius-card);box-shadow:var(--shadow);border-color:var(--line)}.tcard,.pcard,.theme-card,.wb-card,.crs-station,.ana-card,.modelcard,.syllabus-book-card{background:var(--page)}.tcard h3,.pcard h3{font-size:22px;font-weight:500;line-height:1.25}.tcard .bd,.pcard .pbody{padding:22px}.tcard .art{height:210px;background-size:auto 90%!important;background-repeat:no-repeat;background-position:center!important;background-color:var(--paper2)!important;border:0}.pcard .pcov{background:var(--page);border:0;padding:16px;height:205px}.qcard{background:#e8ece4;color:#30392e}.qcard .marks{color:#5c704d}.qcard .aos span{background:#d7dece}.theme-card{border-left-width:2px}.tag,.themechips span,.pcard .themes span{border:0;background:var(--paper2);color:var(--ink2)}
input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{border-radius:12px;border-color:var(--line2);background:var(--page);color:var(--ink)}.guidebox,.tracebox{border-radius:18px}.essay-links button{border-radius:14px}.prog-card{border:0;border-radius:20px;background:var(--page);box-shadow:var(--shadow);padding:20px 24px}.prog-card .n{font-weight:400}.dash-head{align-items:center;padding-top:50px;gap:32px}.dash-head h1{font-size:clamp(44px,5.2vw,70px);font-weight:400;line-height:1.04;letter-spacing:-.035em}.dash-head .script{font-weight:400;color:var(--clay)}.dash-welcome{font-size:19px;color:var(--ink2);margin-top:20px}.course-pill{display:inline-flex;gap:10px;align-items:center;border-radius:99px;min-height:44px;font:12px var(--ui);padding:8px 14px;background:var(--paper2);margin-top:16px}.continue-study{grid-template-columns:150px minmax(0,1fr) auto;gap:36px;padding:32px 40px;margin-top:24px;background:linear-gradient(110deg,color-mix(in srgb,var(--sage) 10%,var(--page)),var(--page));border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow)}.continue-study:after{display:none}.continue-cover{width:150px}.continue-study .cover,.continue-study .series-cover{width:100%;max-width:100%;margin:0}.continue-study img{height:100%;max-width:100%;width:100%;object-fit:cover}.continue-study:hover img{transform:none}.continue-study h2{font-size:clamp(26px,3vw,38px);font-weight:500;max-width:22ch;margin-block:12px}.continue-study p{font-size:17px}.continue-study .pbar{max-width:360px;margin-top:22px;height:5px}.reading-caption{display:block;font:11px var(--ui);color:var(--ink3);margin-top:8px}.study-shortcuts{gap:12px;margin:20px 0;flex-wrap:wrap}.study-shortcuts button{min-height:44px;border:0;background:var(--paper2);border-radius:12px;padding:12px 16px}.set-texts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:4px 3px 20px}.set-texts>button{background:var(--page);border:1px solid var(--line);padding:24px;border-radius:22px;box-shadow:var(--shadow);scroll-snap-align:start;min-width:0}.set-cover{width:112px;margin:0 0 24px}.set-cover .cover,.set-cover .series-cover{width:100%}.set-cover>img{width:100%;aspect-ratio:3/4.1;object-fit:cover;border-radius:6px}.set-texts h3{font-size:24px;font-weight:500}.set-action{display:flex;align-items:center;justify-content:space-between;margin-top:24px;color:var(--clay);font:500 12px var(--ui)}.library-more{border:1px solid var(--line);border-radius:20px;padding:20px 24px;background:var(--page)}.library-more>summary{min-height:44px;cursor:pointer;font:500 14px/44px var(--ui)}
/* Keep the manuscript editorial; only its controls receive glass. */
.pl-workspace{--pl-line:var(--line);--pl-paper:var(--page)}.pl-workspace button:not(.pl-line):not(.theme-gather){border-radius:12px}.pl-nav{top:98px;border:1px solid var(--glass-border);border-radius:16px;background:var(--glass);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);padding:6px;box-shadow:var(--shadow)}.pl-nav button{background:transparent}.pl-nav [aria-current=page]{color:var(--clay);background:var(--paper2)}.pl-analysis,.pl-flash,.comparison-meeting,.word-popover{background:var(--page);border-radius:16px}.pl-intro{color:var(--ink2)}.pl-workspace button:hover{background:var(--paper2)}.pl-workspace .pl-line.selected,.pl-workspace [aria-pressed=true]{background:var(--paper2)}.pl-field input,.pl-field textarea,.pl-field select{background:var(--page);color:var(--ink)}
.reader-bar,.mv-bar{margin:14px 18px 0;border-radius:20px;background:var(--glass);color:var(--ink);border:1px solid var(--glass-border);backdrop-filter:blur(26px) saturate(130%);-webkit-backdrop-filter:blur(26px) saturate(130%);box-shadow:var(--shadow)}.reader-bar .rb-btn,.mv-bar button,.mv-bar .mv-book-title{color:var(--ink);min-height:44px}.reader-bar .rb-main{flex-wrap:wrap;gap:12px}.reader-bar .rb-btn:hover{background:var(--paper2)}.reader-bar .rprog{border-radius:0 0 20px 20px;overflow:hidden}.reader{background:var(--paper2)}.reader .pg{background:var(--page);color:var(--ink)}.reader .spread{border-radius:18px}.rb-extra.open{border-radius:0 0 20px 20px}.mv-dialog{border-radius:24px}.mv-dialog>header{background:var(--glass);backdrop-filter:blur(26px)}
/* Native modal dialogs provide focus trapping, Escape and background inertness. */
.app-sheet{position:fixed;margin:auto;width:min(650px,calc(100% - 32px));max-height:min(720px,85dvh);padding:20px;border:1px solid var(--glass-border);border-radius:26px;background:var(--glass);color:var(--ink);box-shadow:0 24px 100px #201b1833;backdrop-filter:blur(30px) saturate(130%);-webkit-backdrop-filter:blur(30px) saturate(130%);animation:sheet-in 180ms ease-out;overflow:auto}.app-sheet::backdrop{background:#211a1445;backdrop-filter:blur(4px)}.app-sheet>header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 12px}.app-sheet button{min-height:44px}.search-field{display:flex;align-items:center;gap:12px;padding:8px 16px;border:1px solid var(--line2);border-radius:15px;background:var(--page)}.search-field input{width:100%;min-width:0;font:16px var(--ui);border:0;padding:12px 0;outline:0}.search-field:focus-within{outline:2px solid var(--ochre);outline-offset:2px}#global-results{max-height:48dvh;overflow-y:auto;margin:16px 0}#global-results button{display:grid;grid-template-columns:1fr 20px;gap:4px 14px;width:100%;padding:13px 16px;border-radius:12px;text-align:left;font:500 14px var(--ui)}#global-results small{grid-column:1;font:12px var(--ui);color:var(--ink3)}#global-results svg{grid-column:2;grid-row:1/3;align-self:center}#global-results [aria-selected=true],#global-results button:hover{background:var(--paper2)}.app-sheet footer{display:flex;justify-content:space-between;gap:12px;padding:12px 4px 0;margin:0;font:10px/1.6 var(--ui);color:var(--ink3)}.search-empty{padding:25px 16px;color:var(--ink2)}.account-sheet{width:min(390px,calc(100% - 32px))}.sheet-links button{display:flex;gap:14px;align-items:center;text-align:left;width:100%;padding:12px;border-radius:12px;font:14px var(--ui)}.sheet-links button>span{flex:1}.sheet-links button:hover{background:var(--paper2)}.appearance-choice{display:flex;align-items:center;gap:14px;font:13px var(--ui);padding:12px;margin-top:16px;border-top:1px solid var(--line);width:100%;text-align:left}
button{transition:background 180ms,color 180ms,box-shadow 180ms,transform 180ms}button:active:not(:disabled){transform:scale(.98)}.tcard,.pcard,.qcard,.set-texts>button{transition:transform 200ms,box-shadow 200ms}.cover,.series-cover{transition:transform 200ms}.tcard:hover,.pcard:hover,.qcard:hover,.set-texts>button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.set-texts>button:hover .cover,.set-texts>button:hover .series-cover{transform:scale(1.02)}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--ochre);outline-offset:4px}@keyframes sheet-in{from{opacity:0;transform:translateY(4px) scale(.99)}to{opacity:1;transform:none}}
html[data-appearance=dark] .qcard{background:#32392f;color:var(--ink)}html[data-appearance=dark] .qcard .marks{color:#b5c7a5}html[data-appearance=dark] .qcard .aos span{background:#47513e}html[data-appearance=dark] :is(.qm-card,.qm-panel,.qm-quote-card,.qm-hero,.ob-card,.step-card,.guidebox,.tracebox,.markcard,.qz-card,.pl-analysis,.pl-flash,.word-popover,.reading-resume,.comparison-meeting){background:var(--page);color:var(--ink)}html[data-appearance=dark] :is(.mv-dialog,.mv-dialog>header,.mv-dialog-body){background:var(--page);color:var(--ink)}html[data-appearance=dark] .mv-dialog button{color:var(--clay)}html[data-appearance=dark] .mv-page{background:var(--page);color:var(--ink)}html[data-appearance=dark] .mv-prose{color:var(--ink)}html[data-appearance=dark] .mv-reader{background:var(--paper)}html[data-appearance=dark] .mv-page :is(h1,h2,h3,p){color:var(--ink)}html[data-appearance=dark] .mv-page :is(.mv-running,.mv-folio){color:var(--ink3)}
@media(min-width:761px){.account-sheet{margin:100px max(24px,calc((100vw - 1360px)/2)) auto auto}}
@media(max-width:1100px){.literary-nav{gap:10px;padding-inline:14px}.literary-nav .brand{font-size:17px}.literary-nav .navlinks{margin-left:0}.literary-nav .navlinks button{padding-inline:10px}.search-launch span,.premium-link span,.search-launch kbd{display:none}.search-launch{width:44px;padding:0}.literary-nav .nav-r{gap:4px}.continue-study{grid-template-columns:130px minmax(0,1fr);padding:28px;gap:26px}.continue-cover{width:130px;grid-row:1/3}.continue-study>.pill{grid-column:2;justify-self:start}.pl-nav{top:96px}}
@media(max-width:760px){.literary-nav{top:8px;margin:8px auto 0;width:calc(100% - 20px);border-radius:18px;flex-wrap:wrap;padding:9px 12px;gap:4px}.literary-nav.is-scrolled{padding-block:7px}.literary-nav .brand{font-size:16px}.literary-nav .brand .mark{width:30px;height:30px}.literary-nav .nav-r{margin-left:auto}.literary-nav .premium-link{display:none}.literary-nav .navlinks{order:3;width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:5px;margin:3px 0 0}.literary-nav .navlinks button{flex:1;text-align:center;font-size:12px;padding:8px}.literary-nav .app-icon,.literary-nav .search-launch{width:40px}.literary-nav .avatar{width:38px;min-width:38px}.dash-head{padding-top:30px;display:block}.dash-head h1{font-size:48px}.prog-card{margin-top:24px;justify-content:space-between}.continue-study{padding:22px;gap:20px;grid-template-columns:100px minmax(0,1fr);border-radius:24px}.continue-cover{width:100px}.continue-study h2{font-size:27px}.continue-study p{font-size:16px}.continue-study .eyebrow{font-size:10px}.continue-study>.pill{grid-column:1/-1;width:100%;justify-content:center}.continue-study .pbar{margin-top:15px}.study-shortcuts{display:grid;grid-template-columns:1fr 1fr}.study-shortcuts button{text-align:left;font-size:11px;padding:12px}.set-texts{grid-auto-columns:minmax(230px,78%)}.sect{margin-block:36px}.pl-nav{top:137px}.app-sheet{padding:16px}.account-sheet{margin:auto 8px 8px;width:calc(100% - 16px);max-height:85dvh;border-radius:26px 26px 18px 18px}.reader-bar,.mv-bar{margin:8px;border-radius:16px}.reader-bar .rb-main{padding:10px}.reader-bar .ti{flex:1;min-width:120px}.search-sheet footer span:last-child{display:none}.sect-head .cnt{font-size:13px}.tcard .art{height:185px}}
@media(max-width:370px){.literary-nav .brand{font-size:14px;gap:6px}.literary-nav .nav-r{gap:0}.literary-nav .app-icon,.literary-nav .search-launch{width:36px}.literary-nav .avatar{min-width:34px;width:34px}.literary-nav{padding-inline:8px}.continue-study{grid-template-columns:78px minmax(0,1fr);padding:18px;gap:14px}.continue-cover{width:78px}.continue-study h2{font-size:24px}.prog-card{padding:16px;gap:12px}.study-shortcuts{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tcard:hover,.pcard:hover,.qcard:hover,.set-texts>button:hover,.set-texts>button:hover .series-cover,button:active{transform:none!important}}
@media print{.literary-nav,.app-sheet,.reader-bar,.mv-bar{display:none!important}html[data-appearance=dark]{--paper:#fff;--page:#fff;--ink:#222;--ink2:#444;--ink3:#555}body{background:#fff}.continue-study,.tcard,.pcard{box-shadow:none}}
.reader-dock{display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0;align-self:center;max-width:calc(100% - 20px);margin:8px auto 16px;padding:6px;border:1px solid var(--glass-border);border-radius:18px;background:var(--glass);backdrop-filter:blur(24px);box-shadow:var(--shadow)}.reader-dock button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;min-height:44px;min-width:44px;border-radius:12px;font:12px var(--ui)}.reader-dock button:hover{background:var(--paper2)}.reader-dock button:disabled{opacity:.35}.rb-extra .toc{color:var(--ink);border-color:var(--line2);border-radius:10px;min-height:44px}.reader .spread{box-shadow:var(--shadow-lg)}.mv-footer{background:var(--glass);backdrop-filter:blur(24px);border-radius:18px;border:1px solid var(--glass-border);margin:8px 18px 16px;color:var(--ink)}.mv-footer button{color:var(--ink);min-height:44px}html[data-appearance=dark] .mv-footer-links button{color:var(--ink)}
@media(max-width:600px){.reader-dock button{font-size:11px;gap:5px;padding:8px}.reader-dock{margin-bottom:max(10px,env(safe-area-inset-bottom))}.reader .stage{padding-bottom:8px}.mv-footer{margin:8px}}
@media print{.reader-dock{display:none}}
.qm{--qm-ink:var(--ink);--qm-muted:var(--ink2);--qm-paper:var(--paper);--qm-line:var(--line);--qm-sage:var(--paper2);--qm-gold:var(--ochre)}.qm :is(.qm-panel,.qm-quote-card,.qm-daily,.qm-note){border-radius:22px;border-color:var(--line);box-shadow:var(--shadow)}.qm .qm-btn{border-radius:12px;min-height:44px}.qm .qm-tabs{gap:14px}.qm .qm-tabs .qm-btn{border-radius:10px 10px 0 0;padding-inline:10px}.qm .qm-field :is(input,select,textarea){border-radius:12px}
html[data-appearance=dark] .qm :is(p,a,.qm-btn,.qm-tabs .qm-btn,.qm-session-counts span,.qm-ring small,.qm-ring span,.qm-attribution span,.qm-card-bottom,.qm-coverage small,.qm-foot,.qm-training-foot){color:var(--ink2)}html[data-appearance=dark] .qm :is(.qm-daily,.qm-note,.qm-ring>div,.qm-field input,.qm-field select,.qm-field textarea,.qm-btn,.qm-status,.qm-callout,.qm-chunks span,.qm-feedback){background:var(--page);border-color:var(--line);color:var(--ink)}html[data-appearance=dark] .qm :is(.qm-btn.active,.qm-badge,.qm-tags>span,.qm-tags .qm-btn){background:var(--paper2);color:var(--ink2);border-color:var(--line)}html[data-appearance=dark] .qm :is(h1 em,.qm-note h3 em){color:var(--clay)}html[data-appearance=dark] .qm .qm-btn.qm-primary{background:var(--ink);color:var(--paper)}
/* A scrollable reading stage keeps every paragraph reachable above the dock. */
.reader>.reader-bar{flex-shrink:0}.reader .stage{min-height:0;overflow-y:auto;align-items:flex-start;padding:24px 70px}.reader .spread{max-height:none;flex-shrink:0;min-height:560px;aspect-ratio:auto;width:100%;max-width:1060px}.reader .pg{overflow:visible;padding-bottom:48px}.reader .edgebtn{position:fixed;top:50%;color:var(--ink2);background:var(--glass)}
@media(max-width:760px){.reader .stage{padding:16px;display:block}.reader .spread{height:auto;overflow:visible;display:block;min-height:0;width:100%}.reader .spread:before,.reader .spread:after{display:none}.reader .pg{padding:28px 25px 48px}.reader .pg.r{border-top:1px solid var(--line)}.reader .edgebtn{display:none}.reader .pg .txt{font-size:18px}.reader .rb-main{gap:6px}.reader-bar .rb-main>.app-icon{margin-left:0}.reader .reader-bar .rb-btn{font-size:11px}.reader-dock button{padding-inline:7px}}
.plan{border-radius:24px;border-color:var(--line);box-shadow:var(--shadow)}.auth-box{border-radius:24px}.crs-station:hover{transform:translateY(-2px)}html[data-appearance=dark] :is(.essay-links button,.qz-learn,.flashcard,.annop .box,.markcard .mtop,.tracebox,.flipcard,.guidebox,.plan.hot,.inline-annotation:not(:empty)){color:var(--ink)}html[data-appearance=dark] .xlink{background:var(--indigo);color:var(--ink)}html[data-appearance=dark] .tchars span.ok{color:var(--ink)}.reader .pg:first-child{border-radius:18px 0 0 18px}.reader .pg.r{border-radius:0 18px 18px 0}
@media(max-width:760px){.reader .pg:first-child{border-radius:18px 18px 0 0}.reader .pg.r{border-radius:0 0 18px 18px}.mv-bar .mv-tools{gap:8px;flex-wrap:wrap}.reader-bar .rb-main>.ti{font-size:14px}.reader-bar .rb-main>span[style*="margin-left:auto"]{display:none}}
.study-progress{min-width:0}.study-progress>summary{font:500 11px/44px var(--ui);text-transform:uppercase;letter-spacing:.12em;color:var(--ink3);cursor:pointer;min-height:44px}.study-progress .prog-card{margin-top:0}@media(max-width:760px){.study-progress{margin-top:24px}}