.workspace-controls{width:100%;max-width:1180px;margin:0 auto;padding:24px 40px 0}.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mode-tab{border:1px solid #e2e8de;border-radius:12px;display:flex;align-items:center;gap:11px;padding:16px 13px;background:#fff;text-align:left;transition:.18s}.mode-tab:hover{border-color:#a8bfad;background:#f6f9f2}.mode-tab.selected{background:#eaf2e9;border-color:#9fbaa7;box-shadow:0 3px 8px #31583205}.mode-tab-icon{display:grid;place-items:center;width:33px;height:35px;border-radius:9px;background:#f1f4ed;color:#83977b;flex-shrink:0}.selected .mode-tab-icon{background:var(--green);color:#fff}.mode-tab strong{display:block;font-size:13px;font-weight:600}.mode-tab small{display:block;font-size:9px;color:#8b9883;margin-top:6px;white-space:nowrap}.tab-index{font-size:9px;color:#adb8a3;margin-left:auto;align-self:flex-start}.target-bar{display:flex;gap:10px;align-items:center;padding:17px 0 14px;border-bottom:1px solid #e4eade;flex-wrap:wrap}.target-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#87977b;margin-right:5px}.target-label svg{width:15px;height:15px}.target-bar select{border:1px solid #e1e7db;background:#fff;border-radius:7px;padding:7px 24px 7px 9px;font:inherit;font-size:10px;color:#5d7354;max-width:190px}.target-hint{margin-left:auto;font-size:9px;color:#97a18d}.practice-preferences{display:flex;justify-content:space-between;align-items:center;padding-top:17px;font-size:11px;color:#819076}.eyebrow{font-size:9px;letter-spacing:2px;color:#809777;display:block;font-weight:500}.practice-preferences .eyebrow{display:inline-block;margin-right:12px;font-size:8px}.segmented{display:inline-flex;padding:3px;background:#edf1e8;border-radius:8px;gap:3px}.segmented button{padding:7px 11px;font-size:10px;border-radius:6px;color:#87927d;white-space:nowrap}.segmented button.active{background:white;color:var(--green);box-shadow:0 1px 5px #264a3510;font-weight:550}.home{padding-top:26px}.hero{min-height:249px}.hero h1{font-size:36px;margin-top:15px;margin-bottom:12px}.hero-art{transform:scale(.85);transform-origin:top right;top:0}.hero-topline{font-size:10px}.hero-description{font-size:11px}.prompt-card{padding-top:17px;padding-bottom:17px}.card-icon{margin-bottom:12px}.how-it-works{margin:22px 0 9px}.mode-workspace{padding:27px 0 40px}.mode-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}.mode-intro h1{font-size:27px;letter-spacing:-.5px;margin:10px 0 10px;line-height:1.4}.mode-intro p{font-size:11px;color:#8d9a82;line-height:1.8;margin:0;max-width:640px}.mode-demo{font-size:9px;letter-spacing:.8px;border:1px solid #e0e7d9;color:#99a18d;border-radius:6px;padding:7px 9px;white-space:nowrap}.studio-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:20px;align-items:start}.config-panel{border:1px solid #e1e8dc;background:#fff;border-radius:13px;padding:21px 18px;position:sticky;top:97px}.panel-heading{font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.panel-heading>span{font-size:8px;font-weight:400;letter-spacing:.4px;color:#97a28c}.field-label{display:flex;flex-direction:column;gap:8px;margin:18px 0;font-size:11px;color:#74846a}.field-label input{font:inherit;padding:10px;border:1px solid #e0e7da;background:#fafcf7;border-radius:7px;color:#516849;min-width:0;width:100%;outline:none}.field-label input:focus{border-color:#84ab8f;box-shadow:0 0 0 2px #84ab8f15}.section-label{font-size:11px;font-weight:500;margin:23px 0 12px}.section-label small{display:block;margin-top:6px;font-size:9px;font-weight:400;color:#95a08a}.matrix-head,.matrix-row{display:grid;grid-template-columns:1fr 53px 63px;gap:9px;align-items:center}.matrix-head{font-size:9px;color:#97a18c;margin-bottom:10px}.matrix-row{margin-bottom:10px}.matrix-row strong{font-size:11px;font-weight:500;color:#647b59}.matrix-row input{width:100%;font:inherit;font-size:11px;border:1px solid #e0e7da;background:#fafcf7;border-radius:6px;padding:8px 6px;color:#516849}.paper-total{display:flex;align-items:center;justify-content:space-between;padding:15px;border-radius:9px;background:#eff5eb;margin:18px 0}.paper-total>span{font-size:10px;color:#778d6c}.paper-total strong{font-size:23px;font-weight:500;letter-spacing:-.5px;color:var(--green)}.paper-total small{font-size:10px;font-weight:400}.config-note{font-size:10px;line-height:1.9;color:#96a18b;margin:15px 0}.config-panel .primary-button{margin-top:20px;font-size:11px}.primary-button svg{width:17px;height:17px}.mode-error{color:#af614e;font-size:11px;line-height:1.7;margin:10px 0 0}.mode-error:empty{display:none}.preview-panel{min-width:0}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;height:36px;gap:10px}.preview-toolbar>span{font-size:9px;color:#98a38c}.preview-toolbar>strong{font-size:12px;font-weight:500}.document-sheet{background:#fff;border:1px solid #e3e8dd;border-radius:4px;box-shadow:0 7px 22px #2d4b3010;padding:32px 28px;min-height:550px;color:#405039}.sheet-heading{text-align:center}.sheet-heading>span{font-size:8px;letter-spacing:2px;color:#a0ab95}.sheet-heading h2{font-family:"Songti SC","STSong",serif;font-size:23px;margin:20px 0 12px;font-weight:650}.sheet-heading>p{font-size:10px;color:#8a957e;line-height:1.8}.sheet-meta{display:flex;gap:14px;justify-content:center;font-size:9px;border-top:1px solid #dde4d5;border-bottom:1px solid #dde4d5;padding:12px 0;margin-top:20px}.sheet-heading .student-line{font-size:9px;margin-top:18px;margin-bottom:26px}.sheet-section{font-size:13px;font-weight:600;border-bottom:1px solid #e9eee2;padding-bottom:12px;margin:24px 0 17px}.sheet-section small{font-size:10px;font-weight:400;color:#8f9b83}.paper-question{font-size:11px;line-height:1.9;margin:20px 0;break-inside:avoid}.paper-question strong{font-weight:500}.paper-question-heading{display:flex;align-items:flex-start;gap:8px}.paper-question-heading>strong{flex:1}.paper-question-heading button{font-size:9px;display:flex;gap:3px;align-items:center;color:#83a275;background:#f2f7ed;padding:4px 6px;border-radius:5px;white-space:nowrap}.paper-question-heading button svg{width:11px;height:11px}.paper-options{display:grid;grid-template-columns:1fr 1fr;gap:6px 15px;margin-top:12px;font-size:10px;color:#7b8b6e}.studio-empty{min-height:490px;border:1px dashed #dbe5d3;background:#f5f8f0;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.empty-paper{height:120px;width:89px;background:white;border:1px solid #dde7d5;border-radius:9px;transform:rotate(-6deg);box-shadow:6px 6px 0 #e8efdf;padding:19px;color:#7f9a71;margin-bottom:32px}.empty-paper svg{width:25px;height:25px;margin-bottom:14px}.empty-paper i{display:block;height:3px;background:#e3ebda;margin:8px 0;border-radius:2px}.studio-empty h3{font-size:14px;font-weight:500}.studio-empty p{font-size:11px;line-height:2;color:#8a997d}.studio-empty>span{font-size:9px;margin-top:30px;letter-spacing:1px;color:#9ca88e}.chapter-row{display:flex;gap:5px;align-items:center;border:1px solid #e5ebdf;border-radius:8px;margin-bottom:9px;padding:11px 8px;background:#fafcf7}.chapter-row>label{display:flex;align-items:center;gap:7px;flex:1;cursor:pointer;font-size:10px;color:#5f7853;line-height:1.5}.chapter-row label small{display:block;font-size:7px;letter-spacing:1px;color:#a2ad96;margin-bottom:5px}.chapter-row input,.check-field input{accent-color:var(--green);flex-shrink:0;width:13px;height:13px}.chapter-row>div{display:flex;flex-direction:column}.chapter-row button{font-size:12px;color:#8a9e7e;padding:0 3px;line-height:1.5}.check-field{display:flex;align-items:center;gap:8px;font-size:10px;color:#7f9072;margin:17px 0}.book-placeholder{background:#eff4e9;border:1px solid #e3eadd;border-radius:12px;min-height:490px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}.mini-book{width:180px;height:240px;background:#236250;border-radius:2px 10px 10px 2px;color:#d5e4c7;text-align:left;padding:29px 25px;border-left:6px solid #174d3d;box-shadow:10px 12px 0 #dce5d0,18px 23px 28px #2c462718;transform:rotate(-7deg);margin:12px 0 36px}.mini-book>span{font-size:9px;letter-spacing:2px}.mini-book>strong{display:block;font-family:"Songti SC",serif;font-size:44px;font-weight:400;line-height:1.35;margin:20px 0}.mini-book>small{font-size:6px;letter-spacing:1px}.book-placeholder h3{font-size:14px;font-weight:500}.book-placeholder>p{font-size:10px;line-height:1.8;color:#91a081}.book-manuscript{border:1px solid #e0e7d8;border-radius:4px;overflow:hidden;box-shadow:0 8px 25px #3a553615;background:#fff}.book-cover{background:linear-gradient(135deg,#e6eddd,#f0f4e8 65%,#dbe7d1);min-height:440px;padding:35px 35px 27px;position:relative;overflow:hidden}.book-cover:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #d3dfc6;border-radius:50%;right:-140px;top:90px;box-shadow:0 0 0 30px #d7e2cb33,0 0 0 60px #d7e2cb25;pointer-events:none}.book-brand{font-size:10px;font-weight:600;letter-spacing:2px;color:#547b47}.cover-rule{width:35px;height:3px;background:#709a59;margin:45px 0 17px}.book-cover>p{font-size:10px;color:#96a485;letter-spacing:4px}.book-cover h2{font-family:"Songti SC",serif;font-size:32px;max-width:300px;line-height:1.6;font-weight:550;letter-spacing:2px;margin:15px 0;color:#2b573e;position:relative;z-index:1}.cover-subtitle{font-size:10px;color:#849a70;letter-spacing:1px}.cover-bottom{border-top:1px solid #cddcc1;display:flex;justify-content:space-between;align-items:flex-end;margin-top:55px;padding-top:20px;gap:15px}.cover-bottom span{font-size:10px;line-height:1.9;color:#7d916b}.cover-bottom b{font-size:9px;line-height:1.8;letter-spacing:1.4px;color:#8da37c;font-weight:500;text-align:right}.book-content{padding:30px}.book-content>h2{font-size:21px;font-family:"Songti SC",serif;letter-spacing:5px;margin-bottom:27px}.toc-row{display:flex;align-items:center;gap:14px;font-size:10px;border-bottom:1px dotted #d9e1d0;padding:13px 0}.toc-row>span{color:#92a082;font-size:9px}.toc-row>span:last-child{margin-left:auto}.toc-row strong{font-weight:500}.book-chapter{margin-top:44px;border-top:1px solid #dde7d2;padding-top:30px}.book-chapter>h2{font-size:20px;line-height:1.6}.book-chapter>h3{font-size:13px;margin:27px 0 15px}.book-chapter details{font-size:10px;line-height:1.9;background:#f5f8f0;padding:13px;margin-top:24px}.book-chapter summary{cursor:pointer;color:#6e865d}.knowledge-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}.knowledge-nav{border:1px solid #e1e8dc;border-radius:12px;background:#f2f6ed;padding:20px 14px}.knowledge-nav .panel-heading{padding:0 5px;margin-bottom:20px}.learning-progress{margin:0 7px 25px}.learning-progress>span{font-size:10px;color:#8a9d79}.learning-progress>div{height:4px;border-radius:4px;background:#dde7d2;margin-top:10px;overflow:hidden}.learning-progress i{height:100%;display:block;background:#85aa6c;border-radius:4px;transition:width .2s}.lesson-nav{display:flex;align-items:center;gap:11px;padding:15px 9px;border-radius:9px;text-align:left;width:100%;border:1px solid transparent;margin-bottom:6px}.lesson-nav.active{background:white;border-color:#dce7d3;box-shadow:0 2px 5px #465b3605}.lesson-nav>span{font-size:10px;color:#a3b093;font-variant-numeric:tabular-nums}.lesson-nav.active>span{color:var(--green)}.lesson-nav strong{font-size:11px;font-weight:500;line-height:1.7;display:block}.lesson-nav small{font-size:9px;color:#98a38b;display:block;margin-top:5px}.lesson-nav>b{margin-left:auto;color:#a1af92;font-weight:400}.knowledge-nav>.config-note{padding:10px 7px 0}.lesson-reader{border:1px solid #e2e8db;background:white;border-radius:12px;padding:30px}.lesson-reader-top{display:flex;justify-content:space-between;font-size:9px;color:#a0ac94}.lesson-reader h2{font-size:24px;font-weight:550;margin:22px 0 12px;line-height:1.5}.lesson-subtitle{font-size:11px;color:#8fa07f}.lesson-tags{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 28px}.lesson-tags>span{background:#f1f5eb;padding:6px 9px;font-size:9px;border-radius:5px;color:#86a071}.lesson-section h3{font-size:13px;font-weight:550;margin:24px 0 16px}.lesson-section ol{padding-left:20px;font-size:12px;color:#758969;line-height:2.1}.lesson-section li{padding-left:4px;margin:10px 0}.lesson-section li::marker{color:#92a581}.worked-example{background:#f1f6ec;border:1px solid #e1ead8;border-radius:9px;padding:16px 18px;margin:24px 0}.worked-example>span{font-size:10px;color:#668c51;font-weight:600}.worked-example p{font-size:12px;line-height:2;color:#6e875e;margin:9px 0 0}.pitfall{padding:4px 0 2px 14px;border-left:2px solid #dccb99;margin:27px 0}.pitfall strong{font-size:10px;color:#aa9460;font-weight:500}.pitfall p{font-size:11px;line-height:1.9;color:#9d997b;margin:7px 0}.lesson-bottom{border-top:1px solid #e6ecde;padding-top:24px;margin-top:30px;display:flex;justify-content:space-between;gap:12px}.lesson-bottom .primary-button{width:auto;gap:15px;font-size:11px}.learned{background:#ecf5e5;color:#5c883d}.practice-result{display:flex;align-items:center;gap:35px;background:#eaf3e3;border:1px solid #d8e7cd;border-radius:12px;padding:20px 25px;margin:20px 0}.practice-result>div>span{display:block;font-size:10px;color:#829d6c}.practice-result strong{font-size:37px;font-weight:500;color:var(--green);display:block;margin-top:9px}.practice-result strong small{font-size:13px;color:#99ad85}.practice-result p{font-size:11px;line-height:2;color:#819b6d}.submit-practice{padding:10px 15px;border-radius:8px;background:var(--green);color:#fff;font-size:11px}.question-card{scroll-margin-top:100px}body[data-mode=paper] #main-content,body[data-mode=book] #main-content,body[data-mode=knowledge] #main-content{max-width:1180px;padding-left:40px;padding-right:40px}
@media(min-width:1500px){.workspace-controls{padding-top:30px}.hero{min-height:260px}.hero-art{right:30px;transform:scale(.9)}.home{padding-top:32px}}
@media(max-width:1200px){.mode-tab{padding:14px 10px;gap:8px}.mode-tab-icon{width:29px;height:31px}.mode-tab small{font-size:8px}.tab-index{display:none}.mode-tab strong{font-size:12px}.workspace-controls{padding-left:30px;padding-right:30px}.studio-layout{grid-template-columns:225px minmax(0,1fr);gap:16px}.config-panel{padding:18px 14px}.knowledge-layout{grid-template-columns:205px minmax(0,1fr);gap:16px}.lesson-reader{padding:25px 22px}.document-sheet{padding:28px 20px}.mode-intro h1{font-size:24px}body[data-mode=paper] #main-content,body[data-mode=book] #main-content,body[data-mode=knowledge] #main-content{padding-left:30px;padding-right:30px}.target-hint{display:none}.mode-demo{display:none}}
@media(max-width:1000px){.mode-tab small{display:none}.mode-tab{padding:12px;justify-content:center}.mode-tabs{gap:8px}.mode-tab-icon{width:auto;height:auto;background:none}.selected .mode-tab-icon{background:none;color:var(--green)}.mode-tab-icon svg{width:17px;height:17px}.studio-layout{grid-template-columns:1fr}.config-panel{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.config-panel>.panel-heading,.config-panel>.section-label,.config-panel>.matrix-head,.config-panel>.matrix-row,.config-panel>.chapter-editor,.config-panel>.mode-error{grid-column:1/-1}.config-panel .panel-heading{margin-bottom:0}.matrix-row,.matrix-head{grid-template-columns:1fr 80px 90px}.config-panel>.paper-total{margin:18px 0}.config-panel>.primary-button{align-self:center;margin:0}.knowledge-layout{grid-template-columns:1fr}.knowledge-nav{display:flex;overflow-x:auto;gap:7px;padding:12px}.knowledge-nav>.panel-heading,.learning-progress,.knowledge-nav>.config-note{display:none}.lesson-nav{flex-shrink:0;width:170px;margin:0;padding:10px}.lesson-nav small{font-size:8px}.studio-empty{min-height:340px}.book-placeholder{min-height:400px}.mode-intro h1{font-size:23px}.practice-preferences .eyebrow{display:none}}
@media(max-width:640px){.workspace-controls{padding:17px 16px 0}.mode-tabs{gap:5px}.mode-tab{padding:12px 4px;gap:6px;flex-direction:column;border-radius:9px}.mode-tab strong{font-size:10px}.mode-tab-icon svg{width:18px;height:18px}.target-bar{gap:7px;padding-top:12px;padding-bottom:12px}.target-label{width:100%;font-size:9px;margin-bottom:3px}.target-bar select{max-width:calc(50% - 4px);flex:1 1 42%;font-size:10px;padding:7px 6px}.practice-preferences{gap:8px;padding-top:13px}.practice-preferences>div:first-child{font-size:9px;max-width:110px;line-height:1.8}.segmented button{font-size:9px;padding:7px 8px}.home{padding-top:26px}.hero{min-height:244px}.hero h1{font-size:29px}.hero-art{transform:scale(.48);top:33px;right:-8px}.hero-description{font-size:10px;max-width:205px}.mode-workspace{padding-top:26px}.mode-intro h1{font-size:22px;line-height:1.55}.mode-intro p{font-size:10px}.mode-intro{margin-bottom:20px}.mode-intro .eyebrow{font-size:8px}body[data-mode=paper] #main-content,body[data-mode=book] #main-content,body[data-mode=knowledge] #main-content{padding-left:16px;padding-right:16px}.config-panel{column-gap:13px;padding:19px 15px}.config-panel>.primary-button{font-size:10px;gap:4px;padding:12px 10px}.config-panel .config-note{font-size:9px}.paper-total{padding:10px}.paper-total strong{font-size:22px}.field-label{font-size:10px}.field-label input{font-size:11px}.document-sheet{padding:25px 19px}.sheet-heading h2{font-size:21px}.sheet-meta{flex-wrap:wrap;font-size:9px;gap:8px}.sheet-heading .student-line{font-size:8px}.paper-question{font-size:11px}.paper-options{grid-template-columns:1fr}.sheet-section{font-size:12px}.sheet-section small{font-size:9px}.chapter-row label{font-size:11px}.check-field{font-size:9px}.config-panel>.chapter-editor{margin-top:2px}.book-cover{padding:28px;min-height:430px}.book-cover h2{font-size:30px}.book-content{padding:24px 20px}.book-chapter>h2{font-size:19px}.toc-row{gap:9px;font-size:9px}.book-placeholder>p{font-size:9px}.lesson-reader{padding:24px 19px}.lesson-reader h2{font-size:22px}.lesson-section ol{font-size:12px}.lesson-bottom{flex-wrap:wrap}.lesson-bottom .primary-button{font-size:10px}.lesson-bottom .secondary-button{font-size:10px}.lesson-reader-top{font-size:8px}.practice-result{gap:20px;padding:17px}.practice-result p{font-size:10px}.practice-result strong{font-size:32px}.hero-description br{display:none}}
@media print{.studio-print{font-family:"Songti SC",serif}.studio-print .sheet-heading h2{font-size:20pt}.studio-print .paper-question{font-size:11pt}.studio-print .paper-options{font-size:10pt}.studio-print .sheet-meta{font-size:10pt}.studio-print .book-cover{break-after:page;min-height:85vh;print-color-adjust:exact;-webkit-print-color-adjust:exact}.studio-print .book-chapter{break-before:page}.studio-print .book-content{padding:0}.studio-print .lesson-section ol,.studio-print .worked-example p{font-size:11pt}.studio-print details{display:block}.studio-print summary{list-style:none}.studio-print .book-chapter details p{font-size:10pt}.studio-print .book-cover h2{font-size:30pt}.studio-print .book-cover .cover-bottom{margin-top:35vh}}

.book-cover h2{max-width:540px}

.workspace-disclaimer{font-size:9px;color:#95a18c;margin:10px 0 0;line-height:1.7}.sheet-heading .sample-disclaimer{font-size:9px;color:#919d86;margin-top:12px}