:root{--paper:#f7f7f0;--white:#fffef9;--ink:#243e33;--green:#345d45;--muted:#747d71;--line:#dedfd3;--lime:#dbe7a9;--sage:#e8eddf;--orange:#c4754d;--serif:"Iowan Old Style","Palatino Linotype","Songti SC","STSong",serif;--sans:"Avenir Next","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:transparent;border:0}button:disabled{cursor:default;opacity:.5}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8a9b43;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;letter-spacing:-.03em;line-height:1.4}h1,h2{font-family:var(--serif)}h1{font-size:44px}h2{font-size:28px}h3{font-size:18px}p{color:#626e61}small{font-size:12px}svg{flex-shrink:0;vertical-align:middle}img{max-width:100%;object-fit:cover}hr{border:0;border-top:1px solid var(--line);margin:26px 0}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:500;margin-bottom:18px}input,select,textarea{border:1px solid #d4d8ca;background:#fffef9;padding:11px 13px;border-radius:5px;color:var(--ink);min-width:0;max-width:100%}textarea{resize:vertical}input:read-only{color:#6a7468}input[type=checkbox],input[type=radio]{accent-color:var(--green);width:17px;height:17px}form>.button{margin-top:6px}pre{overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:12px}details{padding:16px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;margin-bottom:12px;font-weight:600}details label{margin-top:10px}.announcement{background:var(--ink);color:#f1f3e5;min-height:31px;padding:5px max(5%,calc((100% - 1280px) / 2));font-size:10px;letter-spacing:.08em;display:flex;align-items:center;gap:8px}.announcement .status-dot{background:#c9dba0}.announcement-right{margin-left:auto;opacity:.75}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--green);display:inline-block;flex-shrink:0}.header{height:94px;gap:36px;padding:0 max(5%,calc((100% - 1280px) / 2));border-bottom:1px solid var(--line);background:var(--paper)}.brand,.header{display:flex;align-items:center}.brand{gap:12px;font-size:21px;font-family:var(--serif);font-weight:600;line-height:1.2;white-space:nowrap}.brand small{font:8px var(--sans);letter-spacing:.25em;display:block;margin-top:6px}.brand-mark{width:41px;height:43px;border:1px solid #9ba88c;border-radius:50% 50% 9px 9px;background:var(--sage)}.brand-mark,.nav{display:flex;align-items:center;justify-content:center}.nav{gap:29px;margin:auto;font-size:12px;height:100%}.nav a{display:flex;gap:7px;align-items:center;position:relative;color:#687262;white-space:nowrap;height:100%}.nav a.active{color:var(--ink);font-weight:600}.nav a.active:after{content:"";height:2px;background:var(--green);position:absolute;bottom:22px;left:0;right:0}.header-end,.login-link{display:flex;align-items:center;gap:12px}.login-link{font-size:12px}.avatar{display:grid;place-items:center;width:35px;height:35px;border:1px solid #c7cfb5;background:#e5eacb;border-radius:50%;font-size:13px}.main{max-width:1280px;padding:0 0 70px;margin:0 auto;width:90%}.hero{display:grid;grid-template-columns:1fr 1.13fr;gap:65px;padding:66px 0 70px;min-height:610px}.eyebrow,.hero{align-items:center}.eyebrow{font-family:var(--sans);font-size:10px;letter-spacing:.16em;display:flex;gap:8px;font-weight:500;color:#69755e;line-height:1.6}.tiny-line{width:28px;background:#7c8b69;height:1px;display:inline-block}.hero h1{font-size:67px;line-height:1.35;font-weight:500;margin:24px 0 22px;letter-spacing:.02em}.serif-accent{color:#647f47}.hero h1 .serif-accent{position:relative;white-space:nowrap}.hero h1 .serif-accent:after{content:"";height:5px;background:#ccd6af;position:absolute;left:0;right:0;bottom:1px;transform:rotate(-2deg)}.hero-copy>p{font-size:14px;line-height:2.1;color:#6b7665}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--green);color:#fffef3;border:1px solid var(--green);padding:12px 22px;border-radius:5px;min-height:46px;font-size:12px;font-weight:500;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#284b36;transform:translateY(-1px)}.button.secondary{background:transparent;color:var(--ink);border-color:#c3cbb5}.button.secondary:hover{background:var(--sage)}.button.danger{background:#9b4d3d;border-color:#9b4d3d}.button.full{display:flex;width:100%}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:500;padding:5px 0}.text-link:hover{color:var(--orange)}.hero-note{display:flex;align-items:center;gap:14px;margin-top:28px;font-size:10px;color:#5e6c53}.stack-avatars{display:inline-flex;align-items:center;font:11px var(--serif);background:#c7cfb1;padding-left:9px;margin-right:43px;position:relative}.stack-avatars,.stack-avatars span{border:2px solid var(--paper);width:29px;height:29px;border-radius:50%}.stack-avatars span{background:#dbb795;display:grid;place-items:center;position:absolute;left:23px}.stack-avatars span+span{left:46px;background:#b8c8bf}.hero-art{position:relative;padding:20px 16px 72px;border:1px solid #d7d9c9;background:#e6e7d9;transform:rotate(1.3deg);box-shadow:0 14px 40px #3b4a3010;align-self:center}.hero-art>img{display:block;width:100%;height:auto;aspect-ratio:1.42;object-fit:cover;filter:saturate(.8)}.art-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.17em;padding:0 0 13px;color:#69735a}.art-label span{font-size:7px}.phrase-note{position:absolute;bottom:-18px;left:-20px;width:330px;background:#fffdf0;padding:25px 26px 17px;box-shadow:0 7px 24px #32442d17;transform:rotate(-4deg)}.phrase-note small{display:block;font-size:8px;letter-spacing:.1em;color:#768068}.phrase-note strong{font-family:var(--serif);font-size:28px;display:block;letter-spacing:-.02em;font-weight:400;margin:10px 0 3px}.phrase-note>span:not(.note-tape){font-size:11px;color:#5e6c53}.phrase-note .note-bottom{display:flex;justify-content:space-between;margin-top:19px;padding-top:13px;border-top:1px solid #e7e5d5;font-size:9px!important}.note-tape{position:absolute;left:125px;top:-10px;width:72px;height:20px;background:#d9d4a57a;transform:rotate(4deg)}.art-stamp{position:absolute;right:20px;bottom:17px;color:#667854;font-size:9px;line-height:1.4;letter-spacing:.12em;border:1px solid #8e9b7d;border-radius:50%;width:65px;height:65px;display:grid;place-content:center;transform:rotate(12deg)}.value-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:23px 0;font-size:10px;color:#6c7764;gap:18px;margin-bottom:53px}.value-strip>span{display:flex;align-items:center;gap:12px;justify-content:center;border-right:1px solid var(--line)}.value-strip>span:last-child{border:0}.value-strip strong{font-size:12px;font-weight:500;color:var(--ink)}.value-strip svg{color:#74855a}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading h2{margin:7px 0 0;font-size:29px}.section-heading>a{display:flex;align-items:center;gap:10px;font-size:12px}.count{font-family:var(--sans);font-size:11px;margin-left:12px;vertical-align:middle;display:inline-grid;place-items:center;width:24px;height:24px;background:#e7e9dd;border-radius:50%;color:#64735a}.section-note{font-size:10px;color:#5e6c53;align-self:flex-end;padding-bottom:6px}.filters{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 22px;gap:18px;margin-bottom:27px}.filter-tabs{display:flex;gap:9px}.filter-tabs button{padding:8px 18px;border:1px solid transparent;font-size:11px;border-radius:4px;white-space:nowrap}.filter-tabs button.selected{background:var(--green);color:#fff}.filter-tabs button:hover{border-color:#b9c2a8}.filter-search{display:flex;align-items:center;gap:9px}.filter-search input{border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;font-size:11px;width:160px;padding:6px 12px}.filter-search select{font-size:11px;padding:5px 6px;border:0;background:transparent}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%}.icon-button:hover{background:var(--sage)}.mobile-toggle{display:none}.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 24px}.scene-card{display:block;border:1px solid #daddce;background:#fcfcf5;border-radius:8px;overflow:hidden;transition:transform .25s,box-shadow .25s}.scene-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #2a3f3010}.scene-image{position:relative;overflow:hidden;background:#e3dfd0}.scene-image>img{display:block;width:100%;height:auto;aspect-ratio:1.65;transition:transform .6s;filter:saturate(.75)}.scene-card:hover img{transform:scale(1.035)}.image-badge{position:absolute;top:15px;left:15px;background:#fffdf0e8;padding:3px 8px;font-size:9px;border-radius:3px}.image-arrow{position:absolute;right:13px;bottom:13px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#f9f8ebd9}.scene-copy{padding:21px 21px 15px}.scene-copy .eyebrow{font-size:8px;letter-spacing:.05em}.scene-copy .eyebrow>span{margin-left:auto;font-size:7px;letter-spacing:.1em;color:#8b917f}.scene-copy h3{font-size:21px;font-family:var(--serif);margin:9px 0 7px}.scene-copy p{font-size:11px;line-height:1.9;margin-bottom:18px;min-height:40px}.card-meta{border-top:1px solid #e5e7dc;gap:19px;padding-top:12px;font-size:9px;color:#5e6c53}.card-meta,.card-meta>span{display:flex;align-items:center}.card-meta>span{gap:5px}.card-meta .completed{margin-left:auto;color:var(--green)}.closing-note{margin-top:65px;text-align:center;padding:38px 20px 15px;position:relative}.closing-note>span{font-size:10px;letter-spacing:.15em;color:#7e876e}.closing-note h2{font-weight:400;font-size:27px;line-height:1.8;margin-top:14px}.closing-note svg{color:#b4bf98;margin-top:10px}.footer{max-width:1280px;width:90%;border-top:1px solid var(--line);margin:auto;padding:30px 0 34px;display:flex;align-items:center;gap:27px;color:#5e6c53;font-size:10px}.footer .brand{font-size:16px;gap:8px;color:var(--ink)}.footer>small{margin-left:auto;font-size:9px}.page-heading{padding:53px 0 31px}.page-heading h1{font-size:40px;font-weight:500;margin:15px 0 18px}.page-heading>p{font-size:13px;max-width:760px}.page-heading .badge{white-space:normal}.badge{display:inline-flex;align-items:center;font-size:10px;padding:5px 10px;border:1px solid #cbd2bb;border-radius:4px;background:#eff1e4}.empty{padding:65px 20px;text-align:center;color:#5e6c53}.empty>svg{color:#83956c;margin-bottom:15px}.empty h3{margin:6px 0 12px}.empty p{font-size:13px}.empty .button{margin-top:13px}.spinner{width:25px;height:25px;border:2px solid #dce0ce;border-top:2px solid var(--green);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 15px}@keyframes spin{to{transform:rotate(1turn)}}.notice{background:#eaf0df;border:1px solid #ced9ba;padding:14px 17px;border-radius:5px;font-size:12px;margin:15px 0;overflow-wrap:anywhere;color:#405b34}.notice a,.notice small{display:block;margin-top:6px;font-size:10px}.notice.error{background:#faeee5;border-color:#e2c6b5;color:#984c32}.notice>svg{margin-right:9px}.muted{color:#7b8374}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.center-page{min-height:60vh;display:grid;place-content:center;text-align:center;padding:30px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:4px 0 35px}.stat{border:1px solid var(--line);padding:22px;background:#fcfcf5;border-radius:6px}.stat>span{font-size:11px;color:#727e66}.stat strong{display:block;font:40px var(--serif);margin-top:13px}.stat strong small{font:9px var(--sans);color:#5e6c53}.review-banner{display:flex;gap:17px;align-items:center;background:#e7edce;padding:22px 26px;border-radius:6px;margin:20px 0 35px}.review-banner>span{flex:1 1;font-size:15px}.review-banner small{display:block;font-size:11px;color:#6c785c}.continue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:40px}.continue-card{padding:24px;background:#eeeee1;border:1px solid #dadfca;border-radius:6px;position:relative}.continue-card h3{margin:14px 0;font-family:var(--serif);font-size:25px}.continue-card>svg{position:absolute;right:24px;top:24px}.continue-card small{font-size:10px;color:#758069}.progress-track{height:4px;background:#dbe0cf;border-radius:3px;overflow:hidden;margin:16px 0 13px}.progress-track>span{display:block;height:100%;background:#6e8856;transition:width .4s}.course-list{display:flex;flex-direction:column;gap:14px}.course-item{display:flex;align-items:center;gap:23px;padding:25px;border-block:1px solid var(--line)}.course-number{font:36px var(--serif);color:#879574}.course-item>div{flex:1 1}.course-item h3{margin:0 0 7px;font:23px var(--serif)}.course-item p{margin:0;font-size:11px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:65px 50px;align-items:center;min-height:70vh}.auth-story h1{font-size:44px;margin:20px 0}.auth-story>img{width:100%;height:auto;border-radius:4px;filter:saturate(.7)}.auth-story>p{font-size:12px;margin-top:15px}.auth-card{background:var(--white);border:1px solid var(--line);border-radius:7px;padding:40px;max-width:440px;width:100%}.auth-card>svg{color:#7d9164;margin-bottom:17px}.auth-card h2{font-size:28px;margin-bottom:10px}.auth-card>p{font-size:12px;margin-bottom:28px}.auth-card form{margin-top:20px}.auth-switch{font-size:11px;text-align:center;margin:25px 0}.auth-switch a{border-bottom:1px solid var(--green)}.auth-card>small{font-size:10px;display:block;text-align:center}.panel{border:1px solid var(--line);background:var(--white);border-radius:7px;padding:28px;margin-bottom:24px;min-width:0}.panel h2{font-size:24px;margin-bottom:20px}.panel h3{font-size:16px;margin-bottom:12px}.panel>p{font-size:12px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.profile-grid .panel{padding:32px}.history{margin-top:15px}.anchor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.anchor-card{padding:27px;background:var(--white);border:1px solid var(--line);border-radius:6px}.anchor-card h2{font-size:25px;margin:15px 0 8px}.anchor-card p{font-size:12px}.anchor-card blockquote{margin:22px 0;padding:15px;border-left:2px solid #8ea472;background:#f0f2e6;font-family:var(--serif);font-size:17px}.anchor-card blockquote small{font:11px var(--sans);display:block;color:#7b856c;margin-top:9px}.back-link{font-size:11px;display:inline-flex;align-items:center;gap:7px;margin:26px 0 15px;color:#6c795e}.reader-top{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.reader-heading{padding:15px 0 30px}.reader-heading h1{font-size:43px;margin:10px 0 15px}.reader-meta{display:flex;gap:25px;color:#5e6c53;font-size:11px}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px}.interactive-scene{position:relative;border:1px solid #d3d7c6;border-radius:7px;overflow:hidden;background:#e8e5d6}.interactive-scene>img{width:100%;height:auto;display:block}.hotspot{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #fff8d6;background:#375740d9;box-shadow:0 0 0 5px #f5f0cf55;color:#fff8d6;width:27px;height:27px;display:grid;place-items:center;font:11px var(--sans);padding:0;transition:transform .2s}.hotspot.selected,.hotspot:hover{transform:translate(-50%,-50%) scale(1.2);background:#ae6b44}.scene-caption{padding:13px 17px;background:#f3f2e5;display:flex;align-items:center;gap:9px;font-size:10px;color:#6b775f}.image-fallback{height:260px;display:grid;place-content:center;text-align:center;color:#748262}.image-fallback>svg{margin:auto}.image-fallback>p{margin:10px}.image-fallback>small{padding:10px}.reader-sidebar{position:sticky;top:24px}.reader-sidebar .panel{padding:23px}.learning-progress h3{font-family:var(--serif);font-size:23px;margin:12px 0}.learning-progress>p{font-size:11px;display:flex;justify-content:space-between;margin-bottom:11px}.learning-progress>small{display:block;font-size:10px;color:#5e6c53;margin:20px 0}.learning-progress .button{margin-top:20px;font-size:11px}.expression-list>button{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #e6e8dc;width:100%;text-align:left}.expression-list>button:last-child{border:0}.expression-list>button>span:nth-child(2){flex:1 1;font-family:var(--serif);font-size:15px}.expression-list small{display:block;font:10px var(--sans);color:#5e6c53;margin-top:2px}.expression-index{color:#5e6c53;font-size:9px}.dialogue{margin-top:23px;padding:29px 30px 16px}.dialogue .section-heading h2{font-size:25px}.dialogue-list{margin-top:33px}.segment{display:flex;gap:15px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #e9eadf;scroll-margin-top:20px}.segment:last-child{margin-bottom:0}.speaker-avatar{width:30px;height:30px;display:grid;place-items:center;background:#e9e9d6;border:1px solid #d4d8be;border-radius:50%;font:14px var(--serif);flex-shrink:0}.segment:nth-child(2n) .speaker-avatar{background:#e0e9df;border-color:#cad6c4}.segment-body{flex:1 1;min-width:0}.segment-top{display:flex;justify-content:space-between;font-size:10px;color:#5e6c53;margin-bottom:8px}.segment-top>small{font-size:9px}.english{font-family:var(--serif);font-size:21px;line-height:1.8;color:var(--ink);margin:0 0 7px}.inline-anchor{font:inherit;padding:0;border-bottom:1px dashed #80945f;background:#e6edcf70;line-height:1.4;border-radius:2px;display:inline;color:#3e613f}.inline-anchor:hover{background:#dce8b5}.translation{font-size:12px;color:#7f866e;margin:5px 0 10px}.segment-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tiny-anchor{font-size:9px;color:#77865f;padding:3px 6px;border:1px solid #e1e5d5;border-radius:3px}.read-button{font-size:9px;display:flex;align-items:center;gap:4px;margin-left:auto;color:#5e6c53;padding:5px}.read-button.done{color:#607847}.sync-note{font-size:9px;text-align:center;color:#5e6c53;padding:5px 0 0}.drawer-backdrop{position:fixed;inset:0;background:#172d2455;z-index:100;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:auto}.anchor-drawer{background:#fafaf0;width:430px;max-width:100%;min-height:100vh;padding:77px 34px 35px;position:relative;box-shadow:-10px 0 50px #152d2420;animation:slide-in .25s ease-out;overflow:auto}.drawer-close{position:absolute;right:18px;top:19px}.anchor-drawer h2{font-size:39px;line-height:1.3;margin:20px 0 17px;overflow-wrap:anywhere}.anchor-drawer h3{font-size:18px;margin:30px 0 8px}.anchor-drawer>p{font-size:12px}.anchor-example{margin:29px 0;background:#ecefdf;border:1px solid #dce3c9;padding:22px;border-radius:5px}.anchor-example>p{font:23px/1.6 var(--serif);margin:15px 0 10px;color:var(--ink)}.anchor-example>small{color:#7a8468;font-size:11px}.tip{display:flex;gap:13px;font-size:12px;margin:25px 0 33px}.tip>svg{color:#80925e}.tip p,.tip strong{font-size:11px}.tip p{margin:7px 0}.modal{position:relative;background:var(--paper);padding:40px;width:480px;max-width:calc(100% - 32px);margin:auto;border-radius:8px;max-height:90vh;overflow:auto}.modal.wide{width:620px}.modal h2{font-size:27px;margin-right:25px}.modal>p{font-size:12px}.modal .drawer-close{right:12px;top:12px}.practice-container{max-width:850px;margin:auto}.practice-container .page-heading{padding-top:15px}.practice-container h1{font-size:35px}.question-card{border:1px solid var(--line);background:var(--white);padding:30px;border-radius:7px;margin-bottom:23px}.question-label{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px;letter-spacing:.08em;color:#5e6c53;margin-bottom:17px}.question-card>h2{font-size:23px;margin-bottom:23px}.options{display:grid;gap:10px}.option{margin:0;border:1px solid #dfe3d4;border-radius:5px;padding:13px 15px;display:flex;flex-direction:row;align-items:center;gap:14px;cursor:pointer;font-size:13px}.option input{position:absolute;opacity:0}.option:focus-within{outline:2px solid #83986a;outline-offset:2px}.option.selected{border-color:#8ea76e;background:#edf2df}.option-letter{border:1px solid #cbd4ba;width:25px;height:25px;border-radius:4px;display:grid;place-items:center;font:13px var(--serif)}.option>span:nth-last-child(2){flex:1 1}.option>svg{margin-left:auto}.order-answer{min-height:66px;border-bottom:1px dashed #a7b493;padding:13px 0;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:19px;align-items:center}.order-answer>span{font-size:12px;color:#5e6c53}.order-answer>button,.tokens>button{border:1px solid #c7d2b6;background:#f4f7e9;border-radius:5px;padding:8px 13px;display:flex;align-items:center;gap:6px;font-family:var(--serif);font-size:18px}.tokens{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:15px}.tokens>button{background:#fffef9}.tokens>button:disabled{opacity:.25}.answer-feedback{padding:18px 20px;background:#f0f2e5;border-left:3px solid #99ae77;margin-top:22px;border-radius:3px}.answer-feedback.incorrect{background:#faf0e4;border-color:#c89461}.answer-feedback>p{font-size:12px;margin:8px 0}.answer-feedback>a{font-size:11px}.practice-submit{display:flex;align-items:center;justify-content:space-between;padding:22px 0;font-size:12px}.result-banner{padding:30px;background:#eee5d4;border:1px solid #ded0b8;border-radius:6px;display:flex;gap:26px;align-items:center;margin-bottom:28px}.result-banner.passed{background:#e7eecf;border-color:#c8d9a7}.result-score{font:68px var(--serif);line-height:1}.result-score small{font:13px var(--sans);display:block;margin-top:8px}.result-banner h2{font-size:24px;margin:0 0 8px}.result-banner p{font-size:11px;margin:0}.result-banner>svg{margin-left:auto;color:#7c935b}.workspace{max-width:1500px;margin:auto;min-height:75vh}.admin-layout{display:grid;grid-template-columns:224px minmax(0,1fr)}.admin-sidebar{padding:30px 22px;background:#ecefe2;border-right:1px solid var(--line);min-height:calc(100vh - 125px);position:relative}.admin-sidebar h2{font-size:23px;margin:10px 0 8px}.admin-sidebar>p{font-size:10px;margin-bottom:30px}.admin-sidebar nav{display:grid;gap:5px}.admin-sidebar nav>a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:4px;color:#68765a;font-size:12px}.admin-sidebar nav>a.selected{background:var(--green);color:#fffdf0}.admin-sidebar nav>a>span{margin-left:auto;display:grid;place-items:center;background:#d9e7af;color:#3b552e;border-radius:50%;width:18px;height:18px;font-size:9px}.staff-note{border-top:1px solid #d5ddc7;margin-top:45px;padding:20px 8px;display:flex;gap:12px;font-size:12px}.staff-note small{display:block;color:#5e6c53;font-size:9px}.admin-content{padding:0 35px 55px;min-width:0}.admin-toolbar{height:58px;border-bottom:1px solid var(--line);font-size:10px;color:#5e6c53;margin-bottom:32px}.admin-heading,.admin-toolbar{display:flex;align-items:center;justify-content:space-between}.admin-heading{margin:24px 0 27px;gap:20px}.admin-heading h1{font-size:33px;margin:10px 0}.admin-heading p{font-size:11px;margin:0;overflow-wrap:anywhere}.admin-heading>.button{flex-shrink:0}.admin-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.novel-canvas-list{grid-template-columns:minmax(0,1fr)}.novel-pipeline{margin:16px 0 22px;overflow:hidden;border:1px solid #d8dfd2;border-radius:18px;background:#f4f7ef}.novel-pipeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid #d8dfd2;background:#fbfcf7}.novel-pipeline-toolbar>div:first-child{display:flex;align-items:baseline;gap:12px}.novel-pipeline-toolbar strong{font-family:var(--serif);font-size:16px}.novel-pipeline-toolbar span{color:var(--muted);font-size:12px}.novel-pipeline-zoom{display:flex;align-items:center;gap:8px;white-space:nowrap}.novel-pipeline-zoom button{width:25px;height:25px;border:1px solid var(--line);border-radius:6px;background:white;line-height:1}.novel-pipeline-viewport{overflow:auto;max-height:610px}.novel-pipeline-scaled{position:relative}.novel-pipeline-stage{position:absolute;inset:0 auto auto 0;transform-origin:top left;background-color:#f4f7ef;background-image:radial-gradient(#cbd6c7 .8px,transparent 0);background-size:18px 18px}.novel-pipeline-wires{position:absolute;inset:0;fill:none;stroke:#9aaa84;stroke-width:2;pointer-events:none}.novel-pipeline-wires>path{marker-end:url(#pipeline-arrow)}.novel-pipeline-node{position:absolute;display:flex;flex-direction:column;align-items:flex-start;min-height:76px;padding:10px 14px;border:1px solid #d1dacf;border-left:4px solid #8aa080;border-radius:10px;background:#fffefa;box-shadow:0 5px 16px #223b2612;text-align:left;color:var(--ink)}.novel-pipeline-node small{font-size:10px;font-weight:700;color:#66806a;letter-spacing:.09em}.novel-pipeline-node strong{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.novel-pipeline-node span{color:var(--muted);font-size:11px}.novel-pipeline-node.done{border-left-color:#3e8b61;background:#f8fcf8}.novel-pipeline-node.running{border-left-color:#c99045;background:#fffbf3}.novel-pipeline-node.review{border-left-color:#6685a0;background:#f8fbfd}.novel-pipeline-node.shelf{border-left-color:#54745c}.novel-pipeline-node:hover{box-shadow:0 8px 22px #223b2630;transform:translateY(-2px)}.manual-composer{margin-top:16px;padding:16px;border:1px solid #dfe4df;border-radius:16px;background:#f9fbf8}.manual-composer-row>summary,.manual-composer>summary{cursor:pointer;font-weight:700}.manual-composer-row{margin:16px 0;padding:14px;border:1px solid #dfe4df;border-radius:12px;background:#fff}.manual-composer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.manual-composer-fields .wide{grid-column:1/-1}.concept-manager{margin-top:22px}.concept-manager>summary{cursor:pointer;font-weight:700}.concept-manager-list{max-height:420px;overflow:auto}.concept-manager-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #e9eadf}.concept-manager-row span{overflow-wrap:anywhere}@media (max-width:700px){.manual-composer-fields{grid-template-columns:1fr}}.admin-content .stat-grid{gap:15px}.admin-content .stat{padding:21px}.admin-content .stat strong{font-size:34px}.metric-line{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin:11px 0}.metric-line strong{text-align:right;white-space:nowrap}.mini-row{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #e9eadf}.mini-row>div:first-child{flex:1 1;min-width:0}.mini-row strong{font-size:12px}.mini-row small{display:block;color:#5e6c53;font-size:10px;margin-top:4px}.mini-row label{margin:0;flex-direction:row;align-items:center;font-size:10px}.mini-row input{width:60px;padding:4px;font-size:11px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:6px;background:var(--white);margin-bottom:25px}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;white-space:normal}th{background:#f0f2e7;font-weight:500;font-size:10px;padding:13px 17px;white-space:nowrap}td{padding:18px 17px;border-top:1px solid #e7eade;vertical-align:middle}td strong{font-size:12px}td small{display:block;font-size:9px;color:#5e6c53;max-width:300px;overflow-wrap:anywhere}td .text-link{font-size:10px;margin-right:9px}td select{font-size:10px;padding:5px}.table-filters{display:flex;align-items:center;gap:15px;margin:20px 0;color:#5e6c53;font-size:10px}.table-filters select{font-size:11px;padding:8px 12px}.status{display:inline-flex;align-items:center;font-size:9px;padding:4px 9px;border-radius:4px;background:#e9eddf;color:#64774f;white-space:nowrap}.status-in_review,.status-queued,.status-retry_wait,.status-running{background:#f4e9ca;color:#8e7131}.status-block,.status-changes_requested,.status-failed,.status-withdrawn{background:#f5e2d6;color:#9d573c}.status-approved,.status-pass,.status-published,.status-succeeded{background:#e2edce;color:#577638}.status-warn{background:#f4e9ca;color:#886b2e}.status-canceled{background:#eaece6;color:#7c8773}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.media-card{padding:17px}.media-card img{width:100%;height:auto;border-radius:4px;aspect-ratio:1.5}.media-card h3{margin:15px 0 7px}.media-card>small{font-size:9px;color:#5e6c53}.media-card>p{margin:9px 0;font-size:10px}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.health-grid>div{padding:15px;background:#edf1e3;border-radius:4px}.health-grid span{display:block;font-size:10px}.health-grid strong{font-size:13px;overflow-wrap:anywhere}.stage-row{display:flex;gap:15px;align-items:center;padding:20px 0}.stage-entry{border-bottom:1px solid var(--line)}.stage-issues{margin:-6px 0 16px 36px;padding:10px 12px 10px 28px;border-radius:8px;background:#fff6eb;color:#775633;font-size:11px;overflow-wrap:anywhere}.stage-issues li+li{margin-top:5px}.stage-row>div{flex:1 1}.stage-row strong{font-size:13px}.stage-row small{display:block;color:#5e6c53;font-size:10px}.editor-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:16px}.editor-tabs>button{display:flex;gap:8px;align-items:center;font-size:11px;padding:8px 14px;border-radius:4px}.editor-tabs>button.selected{background:var(--green);color:#fff}.editor-segment{padding:20px 0;border-bottom:1px solid #e0e6d5;display:grid;gap:10px}.editor-segment input,.editor-segment textarea{font-size:12px}.occurrence-position{display:grid;gap:7px;padding:11px 13px;border:1px solid #d7e2cc;border-radius:6px;background:#f4f7ee;font-size:11px}.occurrence-position>span{display:flex;align-items:center;gap:8px}.occurrence-position em{color:#a46d3d;font-style:normal}.occurrence-position select{min-width:0;width:100%}.occurrence-position small{color:#a46d3d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hotspot-editor{position:relative;max-width:650px;margin:20px 0}.hotspot-editor>img{width:100%;display:block;height:auto}.anchor-editor{margin:12px 0;padding:0;border:1px solid var(--line);border-radius:7px;background:#fbfcf6;overflow:hidden}.anchor-editor>summary{margin:0;padding:14px 18px}.anchor-editor[open]>summary{border-bottom:1px solid var(--line)}.anchor-card-fields{padding:20px}.anchor-term-replacement{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.anchor-term-replacement>label{flex:1 1 180px;margin:0}.anchor-term-replacement>small{flex-basis:100%;color:var(--muted)}.anchor-card-basics,.anchor-card-row-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.anchor-card-group{border-top:1px solid var(--line);padding:18px 0}.anchor-card-group-heading,.anchor-card-row-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.anchor-card-group-heading{margin-bottom:12px}.anchor-card-group-heading h4{margin:0;font-size:14px}.anchor-card-group-heading small{color:var(--muted)}.anchor-card-row{padding:12px 14px 0;margin-bottom:10px;border:1px solid var(--line);border-radius:6px;background:var(--white)}.anchor-card-row-heading strong{font-size:12px}.anchor-card-row-fields label{font-size:11px}.anchor-card-group>.button{padding:8px 12px;font-size:11px}.question-editor{margin:12px 0;padding:0;border:1px solid var(--line);border-radius:7px;background:#fbfcf6;overflow:hidden}.question-editor>summary{margin:0;padding:14px 18px}.question-editor[open]>summary{border-bottom:1px solid var(--line)}.question-fields{padding:20px}.question-type{color:var(--green);font-size:11px;font-weight:700}.question-option-editor,.question-options-heading,.question-order-row{display:flex;align-items:center;gap:12px}.question-options-heading{justify-content:space-between;padding:8px 0;border-top:1px solid var(--line)}.question-options-heading h4,.question-order-editor h4{margin:0;font-size:14px}.question-options-heading small{color:var(--muted)}.question-options-editor{display:grid;gap:8px;margin:12px 0}.question-option-editor,.question-order-row{padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--white)}.question-option-number,.question-order-row>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--sage);font-size:11px;font-weight:700;flex-shrink:0}.question-option-editor>label:first-of-type{flex:1 1;margin:0;font-size:11px}.question-answer-select{flex-direction:row;align-items:center;gap:5px;margin:0;font-size:11px;white-space:nowrap}.question-option-editor>.text-link{font-size:11px}.question-fields>.button,.question-order-controls .button{padding:7px 10px;font-size:11px}.question-order-editor{margin:22px 0;padding-top:18px;border-top:1px solid var(--line)}.question-order-editor>p{font-size:11px}.question-order-row{margin:8px 0}.question-order-row>strong{flex:1 1;overflow-wrap:anywhere;font-size:12px}.question-order-controls{display:flex;gap:5px}.question-anchors{min-width:0;margin:22px 0;padding:15px;border:1px solid var(--line);border-radius:6px}.question-anchors legend{padding:0 5px;font-size:13px;font-weight:700}.question-anchors>p{margin-bottom:12px;font-size:11px}.question-anchor-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.question-anchor-list label{display:flex;flex-direction:row;align-items:flex-start;gap:9px;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:var(--white)}.question-anchor-list label>span{display:grid;min-width:0;line-height:1.35}.question-anchor-list strong{font-size:12px}.question-anchor-list small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}@media (max-width:680px){.anchor-card-basics,.anchor-card-row-fields{grid-template-columns:1fr}.anchor-card-fields,.question-fields{padding:14px}.question-option-editor,.question-order-row{flex-wrap:wrap}.question-option-editor>label:first-of-type{flex-basis:calc(100% - 40px)}.question-order-controls{width:100%;justify-content:flex-end}.question-anchor-list{grid-template-columns:1fr}}.editor-actions{padding:20px;background:#e9eddf;border:1px solid #cfdac0;border-radius:6px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;position:sticky;bottom:0;box-shadow:0 -10px 25px #31422b09}.editor-actions>label{margin:0;font-size:9px}.editor-actions select{padding:5px;font-size:11px}.editor-actions>form{display:flex;gap:10px;flex-wrap:wrap}.editor-actions input{max-width:180px;font-size:11px}.editor-actions .button{font-size:10px;padding:9px 14px;gap:8px}.unsaved{font-size:9px;color:#a46d3d}.json-editor{font:11px/1.7 ui-monospace,SFMono-Regular,monospace;width:100%;white-space:pre;tab-size:2}.quality-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #e5e8da}.quality-row,.quality-row strong{font-size:11px}.quality-row>span:last-child{color:#7b876b}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.checklist label{flex-direction:row;align-items:center;margin:0;font-size:12px}.checklist input{margin-right:6px}.feedback-list .panel{max-width:900px}@keyframes slide-in{0%{transform:translateX(35px);opacity:0}to{transform:translateX(0);opacity:1}}@media (min-width:1000px){.hero-copy{animation:rise .6s ease both}.hero-art{animation:rise .7s ease .1s both}.scene-card{animation:rise .5s ease both}.scene-card:nth-child(2){animation-delay:.05s}.scene-card:nth-child(3){animation-delay:.1s}}@keyframes rise{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media (max-width:1150px){.header{gap:20px}.nav{gap:19px}.nav a{font-size:11px}.nav a svg{display:none}.hero{gap:35px;min-height:560px}.hero h1{font-size:58px}.hero-art{padding-bottom:60px}.phrase-note{width:285px;padding:23px}.phrase-note strong{font-size:24px}.scene-grid{gap:20px}.scene-copy{padding:18px 15px}.card-meta{gap:12px}.scene-copy h3{font-size:19px}.auth-layout{gap:45px;padding:45px 15px}.admin-content{padding:0 24px 40px}.admin-layout{grid-template-columns:195px minmax(0,1fr)}.admin-sidebar{padding:28px 16px}.admin-content .stat-grid,.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-two-cols{grid-template-columns:1fr}}@media (max-width:800px){h1{font-size:34px}.header{height:78px}.brand{font-size:19px}.brand-mark{width:35px;height:39px}.nav{gap:17px}.nav a{font-size:10px}.hero{padding-top:42px;gap:25px;min-height:500px}.hero h1{font-size:45px}.hero-copy>p{font-size:11px}.hero-actions{gap:16px}.hero .button{padding:10px 16px;font-size:11px;gap:12px}.hero .text-link{font-size:10px}.hero-note{font-size:8px}.hero-art{padding:14px 12px 50px}.art-label{font-size:6px}.art-label span{font-size:5px}.phrase-note{width:240px;left:-13px;bottom:-10px;padding:20px}.phrase-note strong{font-size:21px}.phrase-note small{font-size:6px}.phrase-note .note-bottom{font-size:7px!important;margin-top:11px;padding-top:9px}.note-tape{left:90px}.art-stamp{width:51px;height:51px;font-size:7px;right:10px;bottom:9px}.value-strip{padding:20px 0;gap:10px}.value-strip>span{gap:8px;font-size:0}.value-strip strong{font-size:11px}.value-strip svg{width:17px}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{align-items:flex-start;flex-direction:column}.filter-search{width:100%;justify-content:flex-end}.filter-search input{flex:1 1}.section-heading h2{font-size:25px}.section-note{font-size:9px}.reader-layout{grid-template-columns:minmax(0,1fr) 235px;gap:20px}.reader-sidebar .panel{padding:18px}.reader-heading h1{font-size:35px}.dialogue{padding:23px 20px}.dialogue .section-heading h2{font-size:22px}.english{font-size:19px}.learning-progress h3{font-size:20px}.reader-meta{gap:15px;font-size:10px}.auth-story h1{font-size:33px}.auth-card{padding:28px}.auth-card h2{font-size:24px}.profile-grid{gap:18px}.profile-grid .panel{padding:25px}.anchor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:16px}.stat strong{font-size:31px}.stat strong small{display:block;font-size:8px;margin-top:6px}.admin-layout{display:block}.admin-sidebar{min-height:auto;border-right:0;border-bottom:1px solid var(--line);padding:17px 5%}.admin-sidebar>.eyebrow,.admin-sidebar>h2,.admin-sidebar>p,.staff-note{display:none}.admin-sidebar nav{display:flex;overflow:auto;gap:5px}.admin-sidebar nav>a{padding:9px 12px;white-space:nowrap;font-size:10px}.admin-sidebar nav>a svg{width:14px}.admin-content{padding-inline:5%}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-content .reader-layout{display:block}.admin-content .reader-sidebar{position:static}.admin-content .reader-heading h1{font-size:30px}.editor-actions{position:static}}@media (max-width:600px){.announcement{font-size:8px;padding-block:5px;min-height:28px}.announcement-right{display:none}.header{height:73px;justify-content:space-between}.brand{font-size:18px;gap:9px}.brand small{font-size:6px;letter-spacing:.2em;margin-top:5px}.brand-mark{width:33px;height:36px}.brand-mark>svg{width:18px}.header-end{gap:12px}.login-link{font-size:10px;gap:6px}.mobile-toggle{display:grid}.nav{display:none}.nav.open{display:flex;position:absolute;left:0;right:0;top:101px;height:auto;z-index:90;background:var(--paper);padding:20px 5%;border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:flex-start;gap:20px}.nav.open a{font-size:12px;height:auto}.nav.open a.active:after{bottom:-5px}.nav.open a svg{display:block}.hero{grid-template-columns:1fr;padding:34px 0 45px;gap:37px;min-height:auto}.hero h1{font-size:48px;line-height:1.3;margin:19px 0 17px;letter-spacing:0}.hero-copy>p{font-size:11px;line-height:2}.hero .eyebrow{font-size:8px}.hero-actions{margin:23px 0 18px;gap:20px}.hero .button{padding:12px 20px;font-size:11px}.hero-note{margin-top:24px;font-size:9px}.hero-art{max-width:460px;width:94%;margin:auto;padding:13px 12px 52px}.hero-art>img{aspect-ratio:1.63}.phrase-note{left:-8px;bottom:-10px;width:248px;padding:19px 20px 13px}.phrase-note strong{font-size:23px;margin:8px 0 0}.phrase-note>span:not(.note-tape){font-size:9px}.phrase-note .note-bottom{font-size:7px!important;padding-top:8px;margin-top:11px}.art-stamp{right:12px;bottom:8px}.value-strip{margin-bottom:35px;gap:5px;padding:18px 0}.value-strip>span{gap:5px;flex-direction:column;line-height:1.4}.value-strip strong{font-size:9px}.value-strip svg{width:18px;height:18px}.section-heading{gap:10px;margin-bottom:20px;align-items:flex-end}.section-heading .eyebrow{font-size:7px;letter-spacing:.12em}.section-heading h2{font-size:23px;margin-top:8px}.section-note{display:none}.count{font-size:9px;width:20px;height:20px;margin-left:9px}.filter-tabs{gap:5px;justify-content:space-between;width:100%}.filter-tabs button{padding:7px 12px;font-size:10px}.filters{padding-bottom:15px;gap:12px;margin-bottom:20px}.filter-search{border:1px solid var(--line);border-radius:4px;gap:0}.filter-search select{padding:7px 8px;font-size:10px}.filter-search input{font-size:10px;padding:6px 10px}.filter-search .icon-button{width:30px;height:30px}.scene-grid{grid-template-columns:1fr;gap:22px}.scene-image>img{aspect-ratio:1.75}.image-badge{top:14px;left:14px;font-size:8px}.scene-copy{padding:19px}.scene-copy .eyebrow{font-size:8px}.scene-copy h3{font-size:23px;margin:10px 0 8px}.scene-copy p{font-size:11px;min-height:0;margin-bottom:20px}.card-meta{font-size:9px;padding-top:12px;gap:20px}.closing-note{margin-top:35px;padding:25px 10px 5px}.closing-note h2{font-size:23px}.closing-note>span{font-size:9px}.closing-note>svg{width:30px}.main{padding-bottom:40px}.footer{padding:23px 0;flex-wrap:wrap;gap:14px;font-size:9px}.footer .brand{font-size:14px}.footer>small{margin-left:0;width:100%;font-size:8px}.page-heading{padding:32px 0 24px}.page-heading h1{font-size:30px;margin:13px 0 15px}.page-heading>p{font-size:11px}.page-heading .eyebrow{font-size:8px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:25px}.stat{padding:17px}.stat>span{font-size:10px}.stat strong{font-size:34px;margin-top:10px}.stat strong small{display:inline;font-size:7px}.review-banner{padding:18px;gap:12px}.review-banner>span{font-size:12px}.review-banner small{font-size:9px}.review-banner>svg{width:18px}.continue-grid{grid-template-columns:1fr;gap:14px;margin-bottom:28px}.continue-card{padding:22px}.course-item{gap:15px;padding:20px 10px}.course-number{font-size:28px}.course-item h3{font-size:21px}.course-item p{font-size:10px}.auth-layout{grid-template-columns:1fr;padding:32px 0 5px;gap:25px;min-height:auto}.auth-story>img,.auth-story>p{display:none}.auth-story h1{font-size:31px;margin:15px 0 0}.auth-story .eyebrow{font-size:8px}.auth-card{padding:28px 24px;max-width:none}.auth-card>svg{width:25px}.auth-card h2{font-size:25px}.auth-card>p{font-size:11px}.auth-card form{margin-top:20px}.auth-card>small{font-size:9px}.profile-grid{grid-template-columns:1fr;gap:0}.panel,.profile-grid .panel{padding:22px}.panel h2{font-size:23px}.anchor-grid{grid-template-columns:1fr;gap:17px}.anchor-card{padding:25px}.anchor-card h2{font-size:29px}.back-link{margin-top:22px;font-size:10px}.reader-top .badge{font-size:9px}.reader-heading{padding:12px 0 23px}.reader-heading h1{font-size:34px}.reader-heading .eyebrow{font-size:8px}.reader-meta{gap:12px;flex-wrap:wrap;font-size:9px}.reader-layout{display:flex;flex-direction:column;gap:0}.reader-layout>div{width:100%}.reader-sidebar{position:static;width:100%;display:flex;flex-direction:column}.reader-sidebar .learning-progress{order:0}.interactive-scene{border-radius:5px}.hotspot{width:24px;height:24px;font-size:9px;border-width:1.5px;box-shadow:0 0 0 4px #f5f0cf55}.scene-caption{font-size:8px;padding:11px}.dialogue{padding:23px 17px 15px;margin-top:19px}.dialogue .section-heading h2{font-size:23px}.dialogue .section-heading .eyebrow{font-size:7px}.dialogue .section-heading>.text-link{font-size:10px;white-space:nowrap}.dialogue-list{margin-top:25px}.segment{gap:10px;padding-bottom:21px;margin-bottom:21px}.speaker-avatar{width:25px;height:25px;font-size:12px}.segment-top{font-size:9px}.english{font-size:20px;line-height:1.8}.translation{font-size:11px;line-height:1.9}.read-button{font-size:9px;padding:8px 3px;min-height:32px}.tiny-anchor{font-size:8px}.learning-progress>p{font-size:12px}.learning-progress>small{font-size:11px}.reader-sidebar .panel{padding:23px}.expression-list{display:none}.reader-sidebar>.text-link{margin:0 0 20px;font-size:11px}.anchor-drawer{width:100%;padding:72px 25px 30px}.anchor-drawer h2{font-size:39px}.drawer-backdrop{background:#172d2470}.modal{padding:30px 23px;max-width:calc(100% - 24px)}.modal h2{font-size:25px}.question-card{padding:23px 19px;margin-bottom:18px}.practice-container .page-heading{padding:16px 0}.practice-container h1{font-size:30px}.question-label{font-size:8px;gap:8px}.question-label .badge{font-size:8px;padding:4px 7px}.question-card>h2{font-size:21px}.option{font-size:12px;padding:13px 10px;gap:10px}.option-letter{width:23px;height:23px;flex-shrink:0;font-size:12px}.order-answer>button,.tokens>button{font-size:18px;padding:7px 11px}.result-banner{padding:23px;gap:20px;flex-wrap:wrap}.result-score{font-size:55px}.result-banner>div{flex:1 1;min-width:140px}.result-banner>svg{display:none}.result-banner h2{font-size:22px}.practice-submit{gap:18px;font-size:10px}.practice-submit .button{font-size:11px;padding:12px 17px}.admin-content{padding-bottom:30px}.admin-toolbar{margin-bottom:22px;font-size:9px}.admin-toolbar .text-link{font-size:9px}.admin-sidebar{padding:13px 5%}.admin-sidebar nav>a{padding:8px 10px;gap:7px}.admin-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.admin-heading .eyebrow{font-size:7px}.admin-heading h1{font-size:29px}.admin-heading p{font-size:10px}.admin-heading>.button{font-size:10px;gap:10px;padding:10px 14px}.admin-content .stat-grid{gap:12px}.admin-content .stat{padding:17px}.admin-content .stat strong{font-size:33px}.admin-content .panel{padding:21px}.admin-content .panel h2{font-size:22px}table{min-width:560px}th{padding:12px 14px}td{padding:15px 14px}.media-grid{grid-template-columns:1fr}.health-grid{gap:10px}.health-grid>div{padding:13px}.stage-row{flex-wrap:wrap;gap:11px}.stage-row>div{min-width:160px}.stage-row>small{padding-left:29px}.editor-tabs{gap:4px;padding-bottom:13px}.editor-tabs>button{font-size:9px;padding:7px 10px;gap:5px}.editor-tabs svg{width:13px}.editor-actions{padding:15px;gap:12px}.editor-actions>label{width:100%}.editor-actions>.button{flex:1 1}.editor-actions .button{padding:9px 10px;font-size:9px}.editor-actions>form{width:100%}.form-grid{gap:12px}.checklist{grid-template-columns:1fr}.quality-row{flex-wrap:wrap;gap:10px}.quality-row>span:last-child{width:100%;font-size:10px}.mini-row{gap:10px}.mini-row strong{font-size:11px}.mini-row>.status{font-size:8px;padding:3px 6px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.checkbox-row{flex-direction:row;align-items:center;gap:10px}.reader-layout{align-items:start}.scene-canvas{position:relative}.scene-canvas>img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;aspect-ratio:auto}