:root{--paper:#f7f6ef;--ink:#293e33;--muted:#7b8376;--green:#355e46;--green-dark:#264c36;--line:#e3e6d9;--orange:#c57b4a;--cream:#efeddc;--white:#fffef8;--radius:20px;--sans:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;--serif:'Songti SC','STSong','Noto Serif CJK SC',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b27b40;outline-offset:5px}button svg,a svg{flex-shrink:0}svg{vertical-align:middle}.icon{display:inline-block;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;line-height:1.45}h1{font:600 36px/1.5 var(--serif);letter-spacing:1px;margin-bottom:10px}h2{font-size:23px;margin-bottom:12px}h3{font-size:20px;margin-bottom:10px}p{margin-bottom:14px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.muted{color:#707b6e}.small{font-size:12px;line-height:1.8}.block{display:block}.full{width:100%}.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}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#efefe3;border-right:1px solid #dfe3d4;padding:37px 24px 24px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-family:var(--serif);font-weight:700;font-size:21px;white-space:nowrap}.brand-mark{width:38px;height:43px;color:var(--green);display:grid;place-items:center}.brand-mark svg{width:36px;height:36px;transform:rotate(-12deg)}.brand small{display:block;font:10px/1.8 var(--sans);letter-spacing:1.5px;color:#7d8774;margin-top:2px}.nav-label{font-size:10px;color:#8e9784;letter-spacing:2px;margin:54px 14px 14px}.nav-item{display:flex;align-items:center;gap:13px;min-height:49px;padding:12px 14px;border-radius:10px;color:#6c7865;font-size:14px;margin-bottom:8px;transition:background .2s,color .2s}.nav-item:hover{background:#e5e8d9}.nav-item.active{background:#dce4ce;color:#345839;font-weight:600}.nav-item.active:before{content:'';height:17px;width:3px;border-radius:4px;background:#54714b;margin-left:-14px;margin-right:10px}.nav-count{margin-left:auto;font:11px var(--sans);background:#fff7;padding:2px 6px;border-radius:7px}.sidebar-bottom{margin-top:auto}.side-note{margin:30px 12px 35px;border-top:1px solid #dbdfcf;padding-top:27px;color:#7c8a70}.side-note>.icon{transform:rotate(-20deg);width:30px;height:30px;margin-bottom:9px}.side-note p{font-family:var(--serif);font-size:18px;line-height:1.8;color:#68785e;margin-bottom:10px}.side-note>span{font-size:10px}.edition{font-size:10px;color:#949c88;padding:14px;text-align:center}.main-wrap{margin-left:224px}.topbar{height:83px;margin:0 48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#77816f}.sun{color:#bd8d48;font-size:20px;margin-left:8px}.top-tag{display:flex;align-items:center;gap:8px;font-size:11px}.top-tag svg{width:16px;height:16px}main{max-width:1336px;margin:auto;padding:36px 48px 16px;outline:none}footer{display:flex;justify-content:center;gap:16px;font-size:10px;color:#929886;padding:28px 20px 34px;letter-spacing:.5px}.page-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}.eyebrow{color:#8a987d;font-size:9px;font-weight:600;letter-spacing:2px;margin-bottom:10px}.intro-sub{font-size:13px;margin:0}.hand-stamp{width:87px;height:87px;border:1px solid #aab49a;border-radius:50%;outline:1px dashed #aab49a;outline-offset:-7px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#80906f;font-size:11px;transform:rotate(10deg);flex-shrink:0;line-height:1.65}.hand-stamp strong{font:13px var(--serif)}.hand-stamp span{font-size:8px;letter-spacing:2px;margin-top:5px}.hero{display:grid;grid-template-columns:1fr 1.04fr;border:1px solid #dfe5d6;border-radius:var(--radius);overflow:hidden;background:#e5ecdc;min-height:328px;position:relative}.hero-copy{padding:33px 35px;position:relative;z-index:1}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 9px;background:#e9eddf;color:#657554;font-size:10px;letter-spacing:.3px}.pill svg{width:13px;height:13px}.pill.light{background:#f7f8ee9e;color:#61774d}.hero h2{font:600 32px/1.5 var(--serif);letter-spacing:1px;margin:16px 0 11px}.hero p{font-size:12px;color:#76836b;line-height:1.9;margin-bottom:22px}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 19px;border-radius:8px;font-size:13px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:#fffdf1;box-shadow:0 3px 0 #24432f15}.button.primary:hover{background:var(--green-dark)}.button.outline{border-color:#bdc9b4;background:transparent;color:#496442}.button.outline:hover{background:#e8eddf}.button.soft{background:#e5ecd9;color:#4c6540}.button .icon{width:17px;height:17px}.hero-meta{display:flex;align-items:center;gap:7px;font-size:10px;color:#889477;margin-top:17px}.hero-meta .icon{width:13px;height:13px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.scene{width:100%;height:100%;display:block;object-fit:cover}.hero-scene{height:100%;width:100%;min-height:320px;transform:scale(1.05);transform-origin:center}.art-note{position:absolute;bottom:21px;right:24px;font:13px var(--serif);color:#4e6845;transform:rotate(-5deg)}.library{margin-top:34px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-head h2{font:600 24px var(--serif);margin-bottom:0}.section-head .eyebrow{margin-bottom:8px}.version-switch{display:flex;gap:3px;padding:4px;background:#eeeee3;border:1px solid #e3e5d7;border-radius:8px}.version-switch button{border:0;padding:6px 12px;font-size:11px;background:transparent;color:#87917b;border-radius:5px}.version-switch button.selected{background:var(--white);color:#476140;box-shadow:0 1px 5px #35432f0d}.filters{display:flex;align-items:center;gap:9px;margin:20px 0 19px}.filter{font-size:11px;border:1px solid transparent;border-radius:20px;padding:6px 13px;background:transparent;color:#7d8674}.filter.selected{color:#f7f7eb;background:#617951}.filter:not(.selected):hover{background:#eaeede}.filter-note{font-size:10px;color:#979f8b;margin-left:auto}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story-card{border:1px solid #e1e5d8;border-radius:13px;overflow:hidden;background:#fffef7;transition:transform .22s,box-shadow .22s}.story-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #45623f0b}.cover-button{display:block;width:100%;padding:0;border:0;background:none}.story-cover{height:170px;position:relative;overflow:hidden}.story-cover .scene{width:100%;height:auto;position:absolute;top:50%;transform:translateY(-50%)}.cover-label{position:absolute;left:13px;top:12px;border-radius:4px;background:#fffdf0cf;padding:3px 8px;font-size:9px;color:#6c765c}.read-label{position:absolute;right:10px;top:12px;border-radius:4px;background:#4d6d4ac7;padding:3px 8px;font-size:9px;color:#fffdf1}.story-details{padding:17px 18px 11px}.story-skill{font-size:10px;color:#8a937c;margin-bottom:7px}.story-details h3{font:600 19px/1.5 var(--serif);margin-bottom:7px}.text-button{border:0;background:none;padding:0;color:inherit;display:inline-flex;align-items:center;gap:6px;text-align:left}.story-details h3 .text-button{font:inherit}.story-sub{font-size:11px;line-height:1.8;color:#8d9485;min-height:38px;margin-bottom:8px}.story-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0e4;padding-top:11px}.story-bottom>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#8a927e}.story-bottom>span svg{height:14px;width:14px}.round-button{width:29px;height:29px;border:1px solid #e1e6d7;border-radius:50%;background:#f5f7ed;color:#69805b;display:grid;place-items:center}.round-button svg{width:16px;height:16px}.bottom-note{margin-top:26px;border:1px dashed #d8ddc9;border-radius:12px;display:flex;align-items:center;gap:16px;padding:19px 23px;background:#f2f2e7}.note-icon{width:40px;height:40px;display:grid;place-items:center;color:#82936c;background:#e8eddc;border-radius:50%}.bottom-note strong{font-size:12px;font-weight:500}.bottom-note p{font-size:10px;color:#8d9580;margin:4px 0 0}.bottom-note a{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:11px;color:#7b8c66;white-space:nowrap}.bottom-note a svg{width:16px}.reader-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:14px}.back-link{font-size:12px;color:#7e8971}.back-link svg{width:17px}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 218px;gap:26px;align-items:start}.reading-paper{background:var(--white);border:1px solid var(--line);border-radius:17px;overflow:hidden}.reading-heading{padding:38px 35px 25px;text-align:center}.reading-heading h1{font-size:32px}.reading-heading>p:last-child{font-size:11px;color:#8e9585;margin:0}.reading-heading>p span{margin:0 5px}.reading-banner{height:215px;overflow:hidden;background:#e6ecdf;position:relative}.reading-banner .scene{max-width:600px;margin:auto;height:auto;position:relative;top:50%;transform:translateY(-50%)}.reading-tip{display:flex;align-items:center;gap:9px;padding:18px 34px;font-size:11px;color:#8b967e;border-bottom:1px solid #eff0e5}.reading-tip svg{width:16px;height:16px}.paragraphs{padding:10px 37px}.paragraph{padding:18px 0 12px;scroll-margin-top:20px}.paragraph-tools{display:flex;align-items:center;gap:12px;margin-bottom:9px}.paragraph-tools>span{font-family:var(--serif);font-size:16px;color:#bec4b1;margin-right:auto}.mini-button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;font-size:10px;color:#7a8c6e;padding:4px}.mini-button:hover{background:#edf1e5;border-radius:4px}.mini-button svg{height:14px;width:14px}.paragraph p{font-size:21px;line-height:2.15;letter-spacing:1px;color:#354535;margin:0}.word{font:inherit;letter-spacing:inherit;line-height:inherit;color:#5d794e;background:none;padding:0;border:0;border-bottom:1px dashed #94a97d;display:inline;vertical-align:baseline}.word:hover{background:#eef2df}.story-end{display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;color:#9ca48c;margin:20px 20px 36px}.story-end span{font-size:13px;color:#b9ba92}.activity{padding:30px 37px;border-top:1px dashed var(--line);position:relative}.activity-number{display:inline-block;font:italic 20px var(--serif);color:#afba9f;margin-bottom:9px}.activity h2{font:600 23px var(--serif)}.activity-lead{font-size:16px;line-height:1.9}.activity>.muted{font-size:12px}.answers{display:grid;gap:10px;margin:19px 0}.answer{border:1px solid #e0e5d5;background:#fafbf3;padding:14px 17px;display:flex;align-items:center;gap:13px;text-align:left;border-radius:8px;font-size:14px;min-height:52px}.answer>span{color:#879778;font-size:12px;border:1px solid #d9e1cd;border-radius:50%;display:grid;place-items:center;width:25px;height:25px;flex-shrink:0}.answer:hover{background:#f0f4e8}.answer.correct{border-color:#94ad81;background:#eaf1e2}.answer.try-again{border-color:#d3b789;background:#f9f1e1}.answer>.icon{margin-left:auto;width:18px;color:#59734b}.answer-feedback{font-size:12px;line-height:1.9;color:#7c896e;min-height:36px}.answer-feedback svg{height:16px;width:16px;margin-right:5px}.quote-activity{background:#f7f5e8}.quote-activity blockquote{font:500 23px/1.9 var(--serif);margin:20px 0;color:#5f704d}.quote-activity>p{font-size:12px;color:#8c927a}.activity textarea{width:100%;border:1px solid #dce3cf;border-radius:9px;background:#fffef8;padding:16px;min-height:130px;resize:vertical;font-size:17px;line-height:1.8;color:#3d5036}.activity textarea::placeholder{font-size:14px;color:#a4ad98}.expression-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0}.expression-actions .text-button{font-size:12px;color:#84916d}.finish-block{padding:34px 28px;text-align:center;background:#eaf0e1}.finish-block h2{font:600 24px var(--serif)}.finish-block p{font-size:12px;color:#8b967e}.reader-aside{position:sticky;top:28px}.aside-card{border:1px solid var(--line);background:#f0f2e6;border-radius:12px;padding:23px 19px}.aside-card h3{font:600 18px var(--serif);margin:14px 0}.aside-card p{font-size:12px;line-height:1.9;color:#8a947c}.aside-card .small{font-size:10px;margin-top:9px}.aside-card .text-button{font-size:12px;color:#6b805b}.aside-card .text-button svg{width:15px}.reading-promise{text-align:center;font:14px/2 var(--serif);color:#9ba58c;padding:26px 6px}.reading-promise svg{display:block;margin:0 auto 12px;transform:rotate(-15deg)}.count-badge{border:1px dashed #b7c2a7;border-radius:50%;width:80px;height:80px;display:grid;place-items:center;font-size:12px;color:#7b8d68;flex-shrink:0}.empty-state{border:1px dashed #d7decb;background:#f1f3e7;min-height:370px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 25px}.empty-icon{width:68px;height:68px;background:#e4ebd7;border-radius:50%;display:grid;place-items:center;color:#789064;margin-bottom:22px}.empty-icon svg{width:33px;height:33px}.empty-state h2{font:600 24px var(--serif)}.empty-state p{color:#8d987e;font-size:13px}.empty-state .button{margin-top:10px}.quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.saved-quote{border:1px solid #dfdfc8;background:#fcf9e8;border-radius:12px;padding:26px;position:relative}.quote-mark{position:absolute;right:25px;top:13px;font:80px var(--serif);color:#d3d8bb}.saved-quote blockquote{font:500 22px/1.9 var(--serif);margin:23px 0 15px;position:relative;overflow-wrap:anywhere}.quote-source{font-size:10px;color:#9a9d80}.quote-status{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.status-tag{font-size:10px;padding:3px 7px;border-radius:4px;color:#839368;background:#e9edd8}.saved-quote label{display:block;color:#8e947d;margin-top:22px}.small-textarea{display:block;width:100%;border:1px solid #dddcc5;background:#fffdf3;border-radius:7px;min-height:82px;margin:8px 0 12px;padding:10px;color:#526242;resize:vertical;font-size:13px}.card-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-actions>.text-button{font-size:11px;color:#748864}.card-actions svg{width:15px}.remove-link{border:0;background:none;color:#a28c70;font-size:10px;padding:0;margin-top:12px;text-decoration:underline;text-underline-offset:3px}.works-list{display:grid;gap:20px;max-width:800px}.work-card{padding:27px 31px;background:#fffef8;border:1px solid var(--line);border-radius:12px;border-left:5px solid #bfcaad}.work-date{font-size:11px;color:#9ca589;display:flex;align-items:center;gap:8px}.work-date svg{width:16px}.work-text{font:22px/1.9 var(--serif);margin:18px 0;white-space:pre-wrap;overflow-wrap:anywhere}.self-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#77886a;line-height:1.8}.self-check input{accent-color:#547149;width:16px;height:16px;flex-shrink:0}.parent-note{background:#eaf0e0;border:1px solid #dfe6d3;border-radius:12px;padding:22px 27px}.parent-note strong{font-size:15px}.parent-note p{font-size:12px;color:#829172;margin:10px 0 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.stats>div{padding:23px;background:#fffef7;border:1px solid var(--line);border-radius:12px}.stats span{font-size:11px;color:#8e987f}.stats strong{display:block;font:38px var(--serif);color:#5b7448;margin-top:12px}.stats small{font:11px var(--sans);color:#9fa68f;margin-left:8px}.panel{border:1px solid var(--line);background:#fffef8;border-radius:12px;padding:25px;margin-bottom:23px}.panel h2{font:600 21px var(--serif);margin-bottom:19px}.panel>p{font-size:12px;line-height:1.9}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-weight:400;color:#98a187;padding:11px 10px;background:#f3f5e9;white-space:nowrap}td{padding:16px 10px;border-bottom:1px solid #eaeddf;color:#778969}td strong{font-weight:500;color:#55684a}td .small{font-size:10px;margin-top:4px}.parent-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.plain-list{padding-left:18px;font-size:12px;line-height:2.1;color:#7f8b71;margin:0 0 18px}.danger-button{border:0;background:none;padding:0;color:#aa795c;font-size:12px;text-decoration:underline;text-underline-offset:4px}.notice{background:#f9eacc;padding:12px 18px;border-radius:8px;margin-bottom:20px;font-size:12px;color:#806742}dialog{border:1px solid #d4deca;border-radius:20px;background:#fffef6;color:var(--ink);width:min(480px,calc(100vw - 36px));padding:38px;box-shadow:0 20px 80px #253b3233;max-height:85vh;overflow-y:auto}dialog::backdrop{background:#263e3855;backdrop-filter:blur(4px)}dialog h2{font:600 26px var(--serif);margin:15px 0}dialog>p{line-height:1.9;font-size:14px}.dialog-close{position:absolute;right:15px;top:13px;border:0;background:none;padding:6px;color:#9da68e}.dialog-close svg{width:20px}.word-title{font-size:38px!important;margin-bottom:0!important}.pinyin{color:#a08a61;font-family:var(--serif);letter-spacing:2px;margin-top:6px}.word-meaning{margin:22px 0 28px;font-size:17px!important}.modal-symbol{display:inline-grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#edf1e1;color:#809967}.modal-symbol svg{width:25px}.finish-options{display:grid;gap:12px;margin-top:23px}.mode-option{border:1px solid #dbe3cd;border-radius:10px;background:#f4f7eb;padding:16px;text-align:left;display:grid;grid-template-columns:1fr 25px;gap:3px}.mode-option strong{font-size:15px;font-weight:500}.mode-option span{grid-column:1;font-size:11px;color:#8b987b}.mode-option svg{grid-column:2;grid-row:1/3;align-self:center}.mode-option:hover{background:#e8efd9}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}#toast{position:fixed;bottom:30px;left:calc(50% + 112px);transform:translate(-50%,15px);background:#35543e;color:#fffdf0;border:1px solid #638061;padding:13px 23px;border-radius:10px;box-shadow:0 8px 25px #28452d24;font-size:13px;z-index:100;max-width:min(520px,90vw);width:max-content;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){main{padding-top:43px}.hero{min-height:370px}.hero-copy{padding:40px}.hero h2{font-size:38px}.story-cover{height:210px}.story-sub{min-height:0}}
@media(max-width:1180px){.sidebar{width:200px;padding:30px 17px 20px}.brand{font-size:19px;gap:6px}.brand small{font-size:9px}.main-wrap{margin-left:200px}main{padding:30px}.topbar{margin:0 30px}.hero-copy{padding:25px}.hero h2{font-size:29px}.hero-art{margin-right:-20px}.story-grid{gap:15px}.story-details{padding:14px}.story-details h3{font-size:17px}.story-cover{height:150px}.reader-layout{grid-template-columns:minmax(0,1fr) 184px;gap:18px}.paragraphs{padding:10px 27px}.activity{padding:25px 27px}.paragraph p{font-size:20px}.aside-card{padding:18px 14px}#toast{left:calc(50% + 100px)}}
@media(max-width:960px){.sidebar{width:180px;padding:28px 12px 20px}.brand{font-size:17px;gap:2px}.brand-mark{width:32px}.brand-mark svg{width:29px}.brand small{font-size:8px;letter-spacing:1px}.main-wrap{margin-left:180px}.topbar{height:70px;margin:0 25px}.top-tag{font-size:9px}.top-tag svg{display:none}main{padding:28px 25px}.page-intro h1{font-size:30px}.hand-stamp{width:75px;height:75px}.intro-sub{font-size:11px}.hero{grid-template-columns:1.1fr 1fr;min-height:300px}.hero-copy{padding:24px}.hero h2{font-size:26px}.hero p{font-size:11px}.hero-meta{font-size:8px;gap:4px}.hero-art{margin-left:-25px}.art-note{font-size:10px;right:20px}.section-head h2{font-size:21px}.filter-note{display:none}.story-grid{gap:12px}.story-cover{height:130px}.story-details{padding:12px}.story-details h3{font-size:16px}.story-sub{font-size:10px}.story-skill{font-size:9px}.bottom-note{padding:17px;gap:12px}.bottom-note strong{font-size:11px}.bottom-note p{font-size:9px}.reader-layout{display:block}.reader-aside{position:static;margin-top:20px}.aside-card{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.aside-card .eyebrow,.aside-card h3,.aside-card hr,.aside-card>p:not(#speech-status),.reading-promise{display:none}.aside-card .button{width:auto}.aside-card #speech-status{margin:0;flex:1}.aside-card .text-button{display:none}.quote-grid{gap:16px}.saved-quote{padding:21px}.saved-quote blockquote{font-size:20px}.parent-columns{grid-template-columns:1fr;gap:0}#toast{left:calc(50% + 90px)}}
@media(max-width:720px){.sidebar{position:sticky;top:0;inset:auto;width:100%;height:67px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 19px;border-right:0;border-bottom:1px solid #dce2ce;background:#eff0e5f5;backdrop-filter:blur(10px)}.brand{font-size:18px}.brand small{display:none}.brand-mark{width:30px}.brand-mark svg{width:27px}.nav-label,.side-note,.edition{display:none}.sidebar nav{display:flex;gap:4px;margin-left:auto}.sidebar .nav-item{font-size:0;margin:0;min-height:40px;padding:10px;border-radius:9px;gap:0}.nav-item.active:before{display:none}.sidebar .nav-item svg{width:21px;height:21px}.nav-count{display:none}.sidebar-bottom{margin:0 0 0 4px}.main-wrap{margin-left:0}.topbar{height:53px;margin:0 22px;font-size:10px}.top-tag{font-size:9px}.sun{font-size:16px}main{padding:25px 22px 10px}.page-intro{gap:14px;margin-bottom:23px}.page-intro h1{font-size:29px;margin-bottom:7px}.eyebrow{font-size:8px;letter-spacing:1.6px}.intro-sub{font-size:11px;max-width:280px;line-height:1.8}.hand-stamp{width:64px;height:64px;outline-offset:-5px;font-size:8px}.hand-stamp strong{font-size:10px}.hand-stamp span{font-size:6px}.hero{min-height:300px;grid-template-columns:1fr 1fr}.hero-copy{padding:24px 0 24px 22px}.hero h2{font-size:27px;white-space:nowrap}.hero p{font-size:11px;line-height:1.9}.hero-art{margin-left:-25px;margin-right:-35px}.hero .button{font-size:12px;padding:10px 15px}.hero-meta{font-size:8px;gap:4px;white-space:nowrap}.hero-meta .icon{display:none}.art-note{right:43px;bottom:15px;font-size:9px}.section-head{align-items:flex-end;gap:8px}.section-head h2{font-size:22px}.section-head .eyebrow{font-size:7px;letter-spacing:1px}.version-switch button{font-size:10px;padding:6px 8px;white-space:nowrap}.filters{gap:4px;margin-top:18px}.filter{font-size:11px;padding:6px 12px}.story-grid{grid-template-columns:1fr;gap:17px}.story-card{display:grid;grid-template-columns:40% 60%;min-height:170px}.cover-button{height:100%}.story-cover{height:100%;min-height:170px}.story-cover .scene{width:auto;max-width:none;height:100%;left:50%;transform:translate(-50%,-50%)}.story-details{padding:17px}.story-details h3{font-size:20px}.story-skill{font-size:10px}.story-sub{font-size:11px;min-height:0;margin-bottom:10px}.story-bottom{padding-top:9px}.cover-label{font-size:8px;left:9px;top:10px}.read-label{top:auto;bottom:10px;font-size:8px}.bottom-note{padding:16px;align-items:flex-start;gap:11px}.note-icon{width:32px;height:32px;flex-shrink:0}.note-icon svg{width:18px}.bottom-note strong{font-size:11px}.bottom-note p{font-size:10px}.bottom-note a{display:none}footer{font-size:8px;gap:8px;flex-wrap:wrap;padding:24px 20px}.reader-top{margin-bottom:18px}.reading-heading{padding:29px 18px 23px}.reading-heading h1{font-size:29px}.reading-heading p:last-child{font-size:10px}.reading-banner{height:175px}.reading-tip{padding:15px 19px;font-size:10px;gap:6px}.paragraphs{padding:7px 23px}.paragraph p{font-size:21px;line-height:2.1;letter-spacing:.5px}.paragraph{padding:18px 0 10px;scroll-margin-top:86px}.paragraph-tools{gap:10px}.activity{padding:26px 23px;scroll-margin-top:85px}.activity h2{font-size:23px}.activity-lead{font-size:16px}.answer{font-size:13px;padding:12px}.quote-activity blockquote{font-size:23px}.expression-actions{gap:9px}.expression-actions .button{font-size:12px;padding:10px 13px}.finish-block h2{font-size:24px}.finish-block{padding:30px 18px}.reader-aside{margin-top:15px}.aside-card{padding:16px}.reading-promise{display:none}.count-badge{width:65px;height:65px;font-size:10px}.quote-grid{grid-template-columns:1fr}.saved-quote{padding:26px}.saved-quote blockquote{font-size:23px}.empty-state h2{font-size:23px}.empty-state p{font-size:12px}.work-card{padding:23px}.work-text{font-size:22px}.card-actions{flex-wrap:wrap}.stats{gap:9px}.stats>div{padding:15px 10px}.stats span{font-size:9px}.stats strong{font-size:31px}.parent-note{padding:20px}.panel{padding:20px}.parent-note p,.panel>p{font-size:12px}th,td{font-size:11px;min-width:110px}th:first-child{min-width:170px}.self-check{align-items:flex-start;font-size:11px}#toast{left:50%;bottom:22px;font-size:12px;max-width:90vw;padding:12px 17px}dialog{padding:32px 26px}dialog h2{font-size:24px}.top-tag{display:none}}
@media(max-width:400px){main{padding:23px 16px 10px}.sidebar{padding:0 14px}.brand{font-size:16px}.sidebar .nav-item{padding:9px}.page-intro h1{font-size:25px}.hand-stamp{width:58px;height:58px}.hero h2{font-size:24px}.hero-copy{padding-left:18px}.hero-meta{font-size:7px}.hero-art{margin-right:-55px}.hero p{font-size:10px}.section-head h2{font-size:20px}.version-switch button{font-size:9px;padding:6px}.story-details h3{font-size:18px}.story-details{padding:14px}.story-cover{min-height:176px}.paragraphs{padding:5px 19px}.activity{padding:24px 19px}.story-end{font-size:9px;gap:8px}.reading-tip{font-size:9px}.activity-lead{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep mobile navigation readable for early readers. */
@media(max-width:720px){.sidebar .nav-item{font-size:9px;flex-direction:column;gap:2px;padding:6px 8px;line-height:1.4}.sidebar{height:70px}.sidebar .nav-item svg{width:19px;height:19px}.sidebar-bottom{margin-left:0}}
@media(max-width:400px){.sidebar .nav-item{padding:6px}.brand{font-size:15px}.brand-mark{width:26px}}
.sentence-choices{display:grid;gap:12px;margin-top:22px}.sentence-choice{background:#f2f5e8;border:1px solid #dae3cb;border-radius:9px;padding:15px;text-align:left;font-size:17px;line-height:1.9}.sentence-choice:hover{background:#e7efdb}
@media(max-width:720px){.art-note{display:none}}