:root{--paper:#f7f6ef;--white:#fffef9;--ink:#294738;--muted:#62725f;--green:#305e48;--green-soft:#e7eee2;--gold:#e9bd64;--line:#e2e4d8;--blue:#dcecec;--font:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;--serif:"Kaiti SC","STKaiti","KaiTi","Noto Serif CJK SC",serif;--radius:20px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6}button,input,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button,a,input,select,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c99a39}button{border:0}a{color:var(--green);text-underline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:1px;line-height:1.4;font-weight:750}h2{font-size:23px;line-height:1.5}h3{font-size:18px}p{color:var(--muted);line-height:1.85}svg{flex-shrink:0;vertical-align:middle}.skip-link{position:absolute;left:15px;top:-70px;z-index:100;background:white;padding:10px}.skip-link:focus{top:10px}
.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:#eeeee2;position:fixed;inset:0 auto 0 0;padding:30px 22px 22px;display:flex;flex-direction:column;border-right:1px solid #e4e5d9;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;border:0;background:transparent;padding:0;text-align:left}.brand-symbol{width:47px;height:47px;border-radius:15px;background:var(--green);display:grid;place-items:center;color:#f6e5b9;font-family:var(--serif);font-size:31px;transform:rotate(-6deg)}.brand strong{font-size:19px;letter-spacing:1px;display:block}.brand small{font-size:9px;font-weight:700;letter-spacing:2px;color:#81907a}.side-nav{display:grid;gap:8px;margin-top:46px}.nav-item{display:flex;align-items:center;gap:13px;min-height:51px;padding:11px 16px;border-radius:13px;background:transparent;color:#687567;text-align:left;transition:background .2s}.nav-item:hover{background:#e4e8d9}.nav-item.active{background:var(--green);color:#fffdf4;box-shadow:0 4px 8px #234b3212}.sidebar-bottom{margin-top:auto;padding-top:36px}.little-note{border-top:1px solid #daddcd;margin:20px 6px 0;padding-top:17px;font-size:11px;line-height:1.8;color:#89917f}.little-note strong{color:#5b765d;font-weight:600}.main-shell{width:calc(100% - 220px);margin-left:220px}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 42px;border-bottom:1px solid #e9e9df;background:#f9f8f1}.crumb{font-size:13px;color:#858c7e;display:flex;align-items:center;gap:10px}.crumb strong{font-weight:500;color:#49634f}.top-right{display:flex;gap:22px;align-items:center}.saved{font-size:12px;color:#84907e;display:flex;align-items:center;gap:6px}.avatar{width:38px;height:38px;border-radius:50%;background:#e5e3c9;display:grid;place-items:center;font-family:var(--serif);font-size:20px;color:#56715a}.top-name{font-size:13px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-block{display:flex;align-items:center;gap:10px}main{max-width:1480px;margin:0 auto;padding:34px 42px 42px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.page-heading p{font-size:14px;margin-top:7px}.eyeline{font-size:12px;letter-spacing:1px;color:#8a927f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:11px;background:#f1f2e8;border:1px solid #e0e3d4;padding:11px 19px;font-size:14px;font-weight:600;transition:transform .18s,background .18s;text-decoration:none;white-space:nowrap}.btn:hover{background:#e7ecdd;transform:translateY(-1px)}.btn.primary{background:var(--green);border-color:var(--green);color:#fffdef;box-shadow:0 4px 0 #214434}.btn.primary:hover{background:#3c6d52}.btn.gold{background:var(--gold);border-color:#ddae53;color:#4d4930;box-shadow:0 4px 0 #ce9f45}.btn.ghost{background:transparent;border-color:transparent;padding-left:3px;padding-right:3px;color:var(--muted)}.btn.small{min-height:38px;padding:7px 12px;font-size:12px}.btn.danger{color:#aa5545;background:#f6e9e2;border-color:#e9c8bb}.icon-btn{width:43px;height:43px;display:inline-grid;place-items:center;border-radius:50%;background:#f0f1e6;color:#648166;flex-shrink:0}.icon-btn:hover{background:#e2e9d9}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.center-actions{justify-content:center}.intro-banner{background:#e7ebd9;display:flex;justify-content:space-between;align-items:center;min-height:170px;padding:24px 31px;border-radius:var(--radius);position:relative;overflow:hidden;margin-bottom:27px}.intro-copy{max-width:560px;position:relative;z-index:2}.intro-copy h2{font-size:25px;line-height:1.55;letter-spacing:.5px}.intro-copy p{font-size:13px;margin:5px 0 17px;color:#78856a}.intro-copy .btn{min-height:43px}.intro-illustration{width:180px;position:relative;margin-right:14px;align-self:stretch;display:grid;place-items:center}.intro-illustration:before{content:'';position:absolute;width:148px;height:148px;border-radius:50%;background:#f7f2d9;top:5px;left:24px}.intro-illustration .turtle{width:170px;position:relative;transform:rotate(-4deg)}.floating-glyph{position:absolute;color:#8da079;width:42px!important;opacity:.65;right:-15px;top:9px;transform:rotate(14deg)}.hero-note{position:absolute;bottom:6px;right:19px;font-size:10px;letter-spacing:1px;color:#82916c}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:start}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;gap:12px}.section-title h2{font-size:18px}.section-title small{color:#86907f;font-size:11px}.map-wrap{border:1px solid #ccdede;border-radius:20px;overflow:hidden;background:var(--blue)}.map-canvas{position:relative;width:100%;aspect-ratio:930/540;min-width:0}.world-map{display:block;width:100%;height:100%}.island-stop{position:absolute;transform:translate(-50%,-4%);display:flex;flex-direction:column;align-items:center;gap:0;background:transparent;padding:4px 3px;min-width:75px;transition:transform .22s;line-height:1.35}.island-stop:hover{transform:translate(-50%,-8%) scale(1.07)}.island-marker{background:#fffdf3;color:#647e67;border:2px solid #bfccaf;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:12px;font-weight:bold;box-shadow:0 2px 4px #526b4820}.island-stop.current .island-marker{background:#365d46;color:#fff0c0;border-color:#fbf5da;width:33px;height:33px}.island-stop strong{font-size:11px;background:#fff8e9d9;border-radius:6px;padding:2px 6px;margin-top:5px;white-space:nowrap;box-shadow:0 1px 4px #445d3a0a}.island-count{font-size:9px;color:#6d816b;padding-top:2px;white-space:nowrap}.map-note{position:absolute;right:19px;bottom:15px;color:#719396;font-size:10px;letter-spacing:1px}.map-legend{padding:11px 17px;display:flex;gap:16px;align-items:center;font-size:10px;color:#698685;border-top:1px solid #c7dede}.map-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#638c70;margin-right:5px}.daily-panel{background:var(--white);border:1px solid #e4e5da;border-radius:18px;padding:23px 20px}.daily-panel h3{font-size:17px}.date-caption{font-size:11px;color:#969c8b;margin:3px 0 20px}.mission-row{display:flex;gap:12px;align-items:center;margin:18px 0}.mission-dot{width:35px;height:35px;border-radius:10px;background:#f4edd9;display:grid;place-items:center;color:#b39554}.mission-row strong{font-size:13px;display:block}.mission-row small{font-size:11px;color:#929887}.mission-row .count{margin-left:auto;font-size:21px;font-family:Georgia,serif;color:#668364}.soft-divider{height:1px;background:var(--line);margin:20px 0}.day-progress{height:7px;background:#eeefe5;border-radius:10px;overflow:hidden;margin:9px 0}.day-progress i{display:block;height:100%;background:#9caf83;border-radius:10px}.small-copy{font-size:11px;color:#939b89}.daily-panel .turtle{width:90px;display:block;margin:15px auto 0}.speech{font-size:12px;text-align:center;color:#7a896d;background:#f1f2e8;border-radius:10px;padding:10px;margin-top:9px}.bottom-teaser{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:23px}.teaser{display:flex;align-items:center;gap:15px;padding:20px 23px;border:1px solid #e2e3d7;border-radius:15px;background:#f7f7ee;text-align:left}.teaser:hover{background:#eeefe2}.teaser>svg{color:#9aab85}.teaser strong{display:block;font-size:14px}.teaser small{display:block;font-size:11px;color:#8f9784;margin-top:3px}.teaser .arrow{margin-left:auto}.footer-note{margin-top:23px;font-size:10px;color:#929b87;display:flex;justify-content:space-between;gap:15px}.footer-note button{background:none;color:#7e8d79;font-size:10px;text-decoration:underline;text-underline-offset:3px;padding:0}.data-note{padding:14px 19px;margin-top:19px;background:#ecefe2;border-radius:12px;font-size:12px;color:#71816d}.data-note strong{color:#526e56}.data-note .actions{margin-top:9px}.subtle{color:#85927b;font-size:12px}.center{text-align:center}.center>.turtle{width:150px;margin:0 auto 16px}.center p{margin:13px auto 22px;max-width:520px}.pill{display:inline-block;border-radius:6px;font-size:10px;line-height:1.5;padding:3px 7px;background:#e9eee1;color:#6d855d;font-weight:500}.pill.research{background:#f3eddf;color:#9a845a}.oracle-glyph{width:100%;height:100%;display:block}.serif{font-family:var(--serif)}
/* Library */
.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:23px 0 20px}.search-box{display:flex;gap:10px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:10px;min-height:46px;padding:0 14px;flex:1;min-width:210px;color:#82917d}.search-box input{width:100%;border:0;background:none;outline-offset:1px;padding:10px 0;font-size:13px}.select{height:46px;border:1px solid var(--line);border-radius:10px;background:var(--white);padding:0 12px;font-size:13px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);padding:9px 15px;border-radius:9px;background:transparent;font-size:12px}.filter.active{background:#e1eadb;border-color:#b8c9aa;color:#426442}.collection-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:22px}.char-tile{position:relative;text-align:center;min-width:0;background:var(--white);border:1px solid #e2e5d6;border-radius:15px;padding:17px 9px 12px;transition:transform .18s,box-shadow .18s}.char-tile:hover{transform:translateY(-4px);box-shadow:0 8px 16px #526d3610}.char-tile .oracle-glyph{height:94px;color:#725e44;opacity:.86}.char-tile .tile-title{font-family:var(--serif);font-size:28px;display:block;margin-top:5px}.char-tile .py{display:block;color:#8a937f;font-size:12px;min-height:20px}.tile-state{position:absolute;top:9px;right:8px;width:8px;height:8px;border-radius:50%;background:#e1e5d7}.tile-state.done{background:#8aa36c}.tile-label{font-size:9px;display:block;margin-top:7px;color:#9b9d8e}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:26px;font-size:12px;color:#839176}.empty{background:#eef0e4;border-radius:18px;padding:45px 24px;margin-top:22px;text-align:center}.empty .turtle{width:130px;margin-bottom:12px}.empty h3{margin-bottom:12px}.empty p{max-width:510px;margin:0 auto 20px;font-size:13px}
/* Expedition */
.lesson-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.lesson-progress{display:flex;gap:6px;width:min(320px,45vw)}.lesson-progress i{height:7px;flex:1;background:#e1e5d5;border-radius:5px}.lesson-progress i.done{background:#709265}.lesson-status{font-size:12px;color:#89967e;text-align:right}.lesson-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(270px,1fr);gap:35px;align-items:center;background:var(--white);border:1px solid #e4e6d7;border-radius:23px;padding:32px;min-height:500px}.artifact-stage{position:relative;aspect-ratio:1;max-width:390px;width:100%;margin:0 auto;border-radius:18px;background:#ede2cb;border:8px solid #f1eadb;overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #dccbad}.artifact-stage:before{content:'';position:absolute;inset:16% 20%;border:1px solid #bea989;border-radius:45% 43% 40% 30%;transform:rotate(-8deg);opacity:.35}.artifact-stage>.oracle-glyph{width:76%;height:76%;color:#69513a;position:relative}.artifact-caption{position:absolute;bottom:15px;font-size:10px;color:#9b866b;letter-spacing:1px;left:0;right:0;text-align:center}.scratch-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;transition:opacity .8s}.scratch-canvas.revealed{opacity:0;pointer-events:none}.step-number{font-size:12px;color:#a49c80;margin-bottom:11px}.lesson-copy h2{font-size:29px;letter-spacing:1px;line-height:1.5}.lesson-copy p{font-size:14px;margin:14px 0 22px;max-width:410px}.lesson-copy .discovery-title{font-family:var(--serif);font-size:88px;line-height:1.1;margin:14px 0 5px}.big-pinyin{font-size:26px;letter-spacing:1px;color:#80905e;display:flex;gap:14px;align-items:center}.meta-line{font-size:12px;margin:14px 0 17px;color:#829273}.step-footer{font-size:11px;color:#96a087;display:flex;gap:8px;align-items:flex-start;margin-top:23px;max-width:820px}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.answer{min-height:68px;border:2px solid #e2e6d7;border-radius:13px;background:#fafaf3;font-size:32px;font-family:var(--serif);transition:background .15s}.answer.wordy{font-family:var(--font);font-size:16px;padding:13px;min-height:62px}.answer:hover{background:#f1f2e2;border-color:#becdae}.answer.correct{background:#e4eddc;border-color:#8baa71}.answer.wrong{background:#f6eddf;border-color:#d8b47f}.feedback{min-height:26px;font-size:13px;line-height:1.7;padding:0;color:#7b8e68}.feedback.good{color:#557b48}.feedback.warm{color:#a08048}.lesson-extra{font-size:11px!important;color:#9d9f8d!important;margin-top:15px!important}.writing-board{position:relative;width:100%;max-width:370px;margin:0 auto;aspect-ratio:1;background:#fffdf5;box-shadow:0 0 0 1px #dcdccc;border:14px solid #f0efe3;border-radius:14px;overflow:hidden}.writing-board svg,.writing-board canvas{position:absolute;inset:0;width:100%;height:100%}.writing-board canvas{touch-action:none;cursor:crosshair}.writer-status{text-align:center;color:#829274;font-size:12px;margin:13px 0}.writer-actions{justify-content:center;margin-top:12px}.paper-mission{font-size:18px!important;line-height:1.9;background:#f2f2e5;border-radius:14px;padding:20px;color:#58734e!important}.done-chars{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.done-chars span{font-size:36px;font-family:var(--serif);padding:8px 18px;background:#eff0e2;border-radius:12px}
/* Pinyin + components */
.station-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:24px;align-items:start}.panel{background:var(--white);border:1px solid #e2e5d7;border-radius:18px;padding:25px}.panel+.panel{margin-top:20px}.panel h3{margin-bottom:13px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px;flex-wrap:wrap}.tab{padding:9px 13px;border-radius:8px;background:transparent;font-size:13px;color:#819074}.tab.active{background:#e5ecd9;color:#4f704c}.letter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.letter{background:#f1f3e6;min-height:65px;border:1px solid #e0e4d2;border-radius:12px;font-size:25px;font-family:Georgia,serif;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#54754d}.letter:hover{background:#e4edda}.letter small{font-family:var(--font);font-size:9px;color:#9da789}.station-note{font-size:11px;margin-top:17px;line-height:1.9}.tone-panel{position:relative;background:#e5eeea;border-radius:17px;padding:21px;overflow:hidden}.tone-plot{width:100%;height:130px;margin:15px 0}.tone-buttons{display:flex;gap:8px}.tone-button{flex:1;padding:8px 0;background:#f9faf2;border-radius:9px;font-size:18px;border:1px solid #d9e2d4}.tone-button.active{background:#68896d;color:white}.tone-caption{font-size:12px;margin-top:11px;color:#6f8871}.mini-quiz h3{font-size:17px}.mini-quiz .answer-grid{margin:16px 0}.quiz-count{font-size:11px;color:#92a080;margin-bottom:12px}.component-parts{display:flex;justify-content:center;align-items:center;gap:15px;margin:22px 0 28px}.component-part{background:#e9edde;border:2px dashed #c3d0b6;border-radius:14px;width:94px;height:104px;display:grid;place-items:center;font-family:var(--serif);font-size:57px;transition:transform .3s}.component-part.popped{transform:scale(1.1);background:#d9e9c8}.component-plus{color:#b8c1aa;font-size:25px}.radical-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.radical-row{display:flex;gap:11px;background:#f3f4e9;border-radius:11px;padding:13px;text-align:left;align-items:center}.radical-char{font-family:var(--serif);font-size:29px;min-width:36px}.radical-row strong{font-size:12px;display:block}.radical-row small{font-size:10px;color:#93a083}.crafted-result{font-family:var(--serif);font-size:96px;line-height:1.5;text-align:center;color:#5d7c4c}.craft-instruction{text-align:center;font-size:13px;color:#8a987b;margin-top:13px}.garden-bed{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;border-bottom:9px solid #d2c3a0;padding:25px 20px 0;background:linear-gradient(0deg,#ebedde,#f5f5ea 65%);border-radius:18px 18px 8px 8px}.garden-pot{background:none;text-align:center;padding:0 5px 15px;min-width:0}.garden-pot svg{width:100%;display:block}.garden-pot strong{font-family:var(--serif);font-size:24px;display:block}.garden-pot span{font-size:10px;color:#8d9b7f}.stats-row{display:flex;gap:45px;margin:22px 0 28px}.stat strong{font-family:Georgia,serif;font-size:38px;font-weight:500;display:block;color:#557c50;line-height:1.3}.stat span{font-size:12px;color:#8c9a7d}.review-list{display:grid;gap:10px;margin-top:20px}.review-row{display:flex;align-items:center;gap:15px;background:var(--white);padding:15px 18px;border:1px solid var(--line);border-radius:12px}.review-row .serif{font-size:29px;width:35px}.review-row small{font-size:11px;color:#87967a}.review-row .btn{margin-left:auto}
/* Parent */
.parent-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.field{display:block;margin:17px 0}.field>span{font-size:13px;color:#687d5e;display:block;margin-bottom:7px}.field input:not([type=checkbox]),.field select{width:100%;background:#fafbf4;border:1px solid #dce2d0;border-radius:9px;min-height:43px;padding:9px 12px}.field small{font-size:11px;color:#93a086;display:block;margin-top:6px}.check-field{display:flex;align-items:center;gap:10px;font-size:13px;margin:20px 0}.check-field input{width:19px;height:19px;accent-color:var(--green)}.parent-copy{font-size:12px;line-height:1.95;color:#7b8b6f}.parent-copy p{font-size:12px;margin:12px 0}.parent-copy strong{color:#627d55}.table-wrap{overflow:auto}.progress-table{border-collapse:collapse;width:100%;font-size:12px;margin:17px 0}.progress-table th{text-align:left;font-weight:500;color:#8a997c}.progress-table th,.progress-table td{padding:11px 8px;border-bottom:1px solid #e8ebdf;white-space:nowrap}.progress-table td:first-child{font-family:var(--serif);font-size:20px}.source-details{margin-top:17px;border-top:1px solid var(--line);padding-top:15px;font-size:12px}.source-details summary{cursor:pointer;color:#64835a;padding:6px 0}.source-details p{margin:12px 0;font-size:12px}.source-details a{display:inline-flex;align-items:center;gap:5px}.source-details .source-row{margin:13px 0}.warning{background:#f5efdf;border:1px solid #e7dcc0;border-radius:11px;padding:14px;color:#968052;font-size:12px;line-height:1.8}.audit-list{display:grid;gap:10px;margin-top:17px}.audit-row{display:flex;gap:9px;font-size:12px;color:#7c8f70}.audit-row svg{color:#85a06f}.file-label{position:relative;overflow:hidden;cursor:pointer}.file-label input{position:absolute;width:1px;height:1px;opacity:0;left:5px;bottom:5px}.file-label:focus-within{outline:3px solid #c99a39;outline-offset:4px}
/* Overlay */
.modal-overlay{position:fixed;inset:0;z-index:100;background:#21392bb3;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.modal-overlay[hidden]{display:none}.dialog{position:relative;background:var(--paper);border-radius:24px;max-width:780px;width:100%;padding:38px;box-shadow:0 22px 80px #102a2740;max-height:calc(100dvh - 48px);overflow:auto}.close-dialog{position:absolute;right:16px;top:15px;z-index:1}.modal-open{overflow:hidden}.detail-layout{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;margin:20px 0}.detail-layout .artifact-stage{border-width:6px}.detail-copy h2{font-family:var(--serif);font-size:64px;line-height:1.2}.detail-copy .big-pinyin{font-size:22px;margin:10px 0}.detail-copy p{font-size:13px}.detail-note{font-size:10px;margin:20px 0 0;color:#93a082}.zone-glyphs{display:flex;gap:12px;flex-wrap:wrap;margin:23px 0}.zone-chip{display:flex;flex-direction:column;align-items:center;min-width:74px;padding:10px 12px;background:var(--white);border-radius:12px;border:1px solid #dfe4d2}.zone-chip strong{font-family:var(--serif);font-size:31px}.zone-chip small{font-size:11px;color:#92a180}.toast{position:fixed;left:calc(50% + 80px);bottom:28px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#2f5547;color:#fffbee;padding:15px 22px;border-radius:12px;font-size:13px;z-index:200;box-shadow:0 6px 30px #123b3630;max-width:min(620px,90vw);transition:transform .2s,opacity .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.warn{background:#816f4a}.hidden{display:none!important}.print-area{display:none}.pause-indicator{background:#f2ecda;padding:8px 13px;border-radius:10px;color:#9b884f;font-size:11px}.foot-links{margin-top:10px;color:#8d987d;font-size:11px}.mobile-brand{display:none}.screen-reader{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 270px}.intro-copy h2{font-size:28px}.intro-banner{min-height:185px}.island-stop strong{font-size:12px}.island-marker{width:30px;height:30px}}
@media(max-width:1250px){.sidebar{width:190px;padding:25px 15px}.main-shell{margin-left:190px;width:calc(100% - 190px)}main{padding:28px}.topbar{padding:0 28px}.brand strong{font-size:16px}.brand-symbol{width:41px;height:41px}.workspace{grid-template-columns:minmax(0,1fr) 215px;gap:17px}.daily-panel{padding:19px 16px}.mission-row{gap:8px}.map-canvas{aspect-ratio:930/575}.world-map{object-fit:cover}.island-stop strong{font-size:10px}.island-marker{width:24px;height:24px}.collection-grid{grid-template-columns:repeat(5,1fr)}.lesson-layout{padding:26px;gap:25px}.station-layout{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}.letter-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:1050px){.workspace{grid-template-columns:1fr}.daily-panel{display:grid;grid-template-columns:1.2fr 1fr 1fr;column-gap:20px;align-items:center}.daily-panel .daily-head{grid-column:1}.daily-panel .date-caption{margin-bottom:0}.daily-panel .mission-row{margin:8px 0}.daily-panel .daily-bottom{grid-column:1/-1;margin-top:8px}.daily-panel .daily-bottom .soft-divider,.daily-panel .turtle,.daily-panel .speech{display:none}.daily-bottom .small-copy{text-align:right}.map-canvas{aspect-ratio:930/540}.island-stop strong{font-size:11px}.island-marker{width:27px;height:27px}.station-layout{grid-template-columns:1fr}.station-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.station-side .panel{margin:0}.letter-grid{grid-template-columns:repeat(8,1fr)}.parent-layout{grid-template-columns:1fr}.parent-layout>.panel{margin:0}.garden-bed{grid-template-columns:repeat(5,1fr)}.intro-illustration{width:140px}.intro-illustration .turtle{width:150px}.intro-illustration:before{width:130px;height:130px;left:7px}.lesson-layout{grid-template-columns:1fr 1fr;gap:22px}.lesson-copy h2{font-size:23px}.lesson-copy p{font-size:13px}.component-part{width:75px;height:90px}.collection-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.sidebar{width:84px;padding:25px 12px}.brand-symbol{width:48px;height:48px}.brand>span:last-child,.nav-item span,.little-note{display:none}.brand{justify-content:center}.side-nav{margin-top:32px}.nav-item{justify-content:center;padding:12px;min-height:50px}.main-shell{margin-left:84px;width:calc(100% - 84px)}.sidebar-bottom{padding-top:15px}.topbar{height:66px;padding:0 24px}.top-right{gap:12px}.saved{display:none}main{padding:26px 23px}.intro-banner{padding:23px}.intro-copy h2{font-size:22px}.intro-copy p{font-size:12px}.intro-illustration{width:115px;margin-right:0}.intro-illustration .turtle{width:135px}.intro-illustration:before{width:110px;height:110px}.hero-note{display:none}h1{font-size:26px}.page-heading p{font-size:12px}.bottom-teaser{gap:10px}.teaser{padding:17px 15px;gap:10px}.teaser strong{font-size:12px}.teaser small{font-size:10px}.teaser>svg{width:24px}.lesson-layout{padding:22px;grid-template-columns:1fr;min-height:0}.artifact-stage{max-width:300px}.lesson-copy{max-width:440px;margin:0 auto;width:100%}.lesson-copy h2{font-size:25px}.lesson-copy p{margin:10px 0 16px}.lesson-copy .discovery-title{display:inline-block;font-size:70px;margin-right:20px}.lesson-copy .big-pinyin{display:inline-flex;vertical-align:middle}.lesson-status{font-size:10px}.lesson-header .btn{font-size:12px}.collection-grid{gap:10px}.letter-grid{grid-template-columns:repeat(6,1fr)}.station-side{grid-template-columns:1fr 1fr;gap:14px}.panel{padding:21px}.tone-panel{padding:18px}.mini-quiz .answer-grid{grid-template-columns:1fr}.mini-quiz .answer{min-height:46px;font-size:14px}.garden-bed{grid-template-columns:repeat(4,1fr)}.toast{left:50%}.detail-layout{grid-template-columns:180px 1fr}.dialog{padding:32px 25px}.footer-note{display:block}.footer-note>*{margin:4px 0;display:block}}
@media(max-width:600px){.sidebar{top:auto;bottom:0;left:0;right:0;width:100%;height:70px;padding:6px 6px max(6px,env(safe-area-inset-bottom));border-top:1px solid #dbe0cf;border-right:0;background:#f6f6ebed;backdrop-filter:blur(12px);display:block}.sidebar>.brand,.sidebar-bottom{display:none}.side-nav{display:flex;gap:2px;margin:0;justify-content:space-around}.nav-item{flex-direction:column;gap:3px;padding:5px 2px;border-radius:10px;flex:1;min-height:55px;max-width:78px}.nav-item span{display:block;font-size:9px;white-space:nowrap}.nav-item.active{background:#e1ead7;color:#3e6140;box-shadow:none}.nav-item svg{width:21px;height:21px}.main-shell{margin:0;width:100%;padding-bottom:70px}.topbar{height:65px;padding:0 19px}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700}.mobile-brand .brand-symbol{width:31px;height:31px;font-size:24px;border-radius:9px}.crumb{display:none}.top-name{display:none}.avatar{width:32px;height:32px;font-size:17px}.top-right{gap:9px}.top-right .mobile-parent{display:grid}.mobile-parent{width:35px;height:35px}main{padding:24px 18px 25px}.page-heading{margin-bottom:19px;gap:9px;align-items:flex-start}.page-heading h1{font-size:24px;letter-spacing:0}.page-heading p{font-size:12px;line-height:1.8;margin-top:7px}.page-heading>.btn{font-size:11px;padding:8px 10px;min-height:37px}.intro-banner{min-height:197px;padding:22px 19px;align-items:flex-start;margin-bottom:23px;border-radius:17px}.intro-copy h2{font-size:21px;max-width:220px}.intro-copy p{max-width:205px;line-height:1.8;margin:8px 0 17px;font-size:11px}.intro-copy .btn{font-size:12px;padding:10px 13px;min-height:41px}.intro-illustration{position:absolute;right:11px;bottom:10px;width:117px;opacity:.96;height:124px}.intro-illustration .turtle{width:130px}.intro-illustration:before{width:111px;height:111px;left:10px;top:8px}.floating-glyph{display:none}.hero-note{display:none}.map-wrap{border-radius:15px}.map-canvas{aspect-ratio:930/740;overflow:hidden}.world-map{position:absolute;left:-13%;width:126%;height:100%;transform:scaleY(1.04)}.island-stop{min-width:64px;transform:translate(-50%,-4%)}.island-stop strong{font-size:9px;padding:3px 4px;line-height:1.2;box-shadow:0 1px 2px #65817012}.island-count{font-size:8px}.island-marker{width:23px;height:23px;font-size:10px}.island-stop.current .island-marker{width:28px;height:28px}.map-note{bottom:9px;right:11px;font-size:8px;letter-spacing:0}.map-legend{font-size:9px;padding:10px 12px;gap:10px;flex-wrap:wrap}.map-legend span:last-child{margin-left:auto}.daily-panel{border-radius:15px;padding:18px 16px;grid-template-columns:1fr 1fr;gap:10px}.daily-panel .daily-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.daily-panel .daily-head h3{font-size:15px}.date-caption{font-size:10px}.mission-row{gap:8px!important;margin:7px 0!important}.mission-row strong{font-size:12px}.mission-dot{width:30px;height:30px;border-radius:9px}.mission-dot svg{width:17px;height:17px}.mission-row .count{font-size:18px}.mission-row small{font-size:10px}.daily-bottom{margin-top:0!important}.bottom-teaser{grid-template-columns:1fr;margin-top:19px;gap:10px}.teaser{padding:17px 20px}.teaser strong{font-size:13px}.teaser small{font-size:11px}.data-note{font-size:11px;padding:13px 15px}.footer-note{font-size:9px;margin-top:17px}.section-title h2{font-size:16px}.section-title small{font-size:10px}.collection-grid{grid-template-columns:repeat(3,1fr);gap:10px}.char-tile{padding:16px 8px 11px}.char-tile .oracle-glyph{height:81px}.char-tile .tile-title{font-size:25px}.tile-label{font-size:8px}.toolbar{gap:10px;margin:20px 0 15px}.search-box{min-width:100%;font-size:12px}.select{flex:1;height:42px;font-size:12px}.filters{gap:5px}.filter{padding:8px 10px;font-size:11px}.lesson-header{gap:10px;flex-wrap:wrap;margin-bottom:20px}.lesson-header .btn{padding:8px 11px;min-height:39px}.lesson-progress{width:170px}.lesson-status{margin-left:auto}.lesson-layout{padding:22px 19px;border-radius:18px;gap:23px}.artifact-stage{max-width:290px;border-width:6px;border-radius:15px}.lesson-copy h2{font-size:23px}.lesson-copy .discovery-title{font-size:71px;margin:5px 18px 5px 0}.lesson-copy .big-pinyin{font-size:22px}.step-number{font-size:11px}.lesson-copy p{font-size:12px;line-height:1.85}.answer-grid{gap:9px;margin:17px 0}.answer{min-height:64px;font-size:31px}.answer.wordy{font-size:14px;min-height:56px}.lesson-extra{font-size:10px!important}.step-footer{font-size:10px}.writing-board{max-width:300px;border-width:10px}.station-side{grid-template-columns:1fr}.station-layout{gap:18px}.letter-grid{grid-template-columns:repeat(5,1fr);gap:8px}.letter{min-height:61px;font-size:25px}.tab{padding:8px 10px;font-size:12px}.panel{padding:21px 18px;border-radius:15px}.panel h3{font-size:17px}.station-side .mini-quiz .answer-grid{grid-template-columns:1fr 1fr}.mini-quiz .answer{min-height:57px}.tone-plot{height:145px}.radical-list{gap:8px}.radical-row{padding:13px 9px;gap:7px}.radical-char{min-width:30px}.radical-row strong{font-size:11px}.radical-row small{font-size:9px}.component-parts{gap:11px}.component-part{width:71px;height:87px;font-size:48px}.component-plus{font-size:17px}.stats-row{gap:28px;margin:20px 0 23px}.stat strong{font-size:32px}.stat span{font-size:10px}.garden-bed{grid-template-columns:repeat(3,1fr);gap:6px;padding:20px 8px 0}.garden-pot span{font-size:9px}.garden-pot strong{font-size:24px}.review-row{gap:9px;padding:12px}.review-row .btn{font-size:11px;min-height:36px;padding:8px 10px}.parent-layout{gap:17px}.actions{gap:9px}.actions .btn{font-size:12px;padding:10px 14px}.modal-overlay{padding:12px}.dialog{padding:31px 21px 25px;max-height:calc(100dvh - 24px);border-radius:20px}.detail-layout{grid-template-columns:1fr;gap:20px;margin-top:30px}.detail-layout .artifact-stage{max-width:210px}.detail-copy{text-align:center}.detail-copy h2{font-size:64px}.detail-copy .big-pinyin{justify-content:center}.detail-note{font-size:10px}.zone-glyphs{gap:9px}.zone-chip{min-width:60px;padding:8px 10px}.zone-chip strong{font-size:29px}.zone-chip small{font-size:10px}.toast{bottom:85px;max-width:calc(100vw - 30px);font-size:12px;padding:13px 17px}.completion h2{font-size:21px}.completion p{font-size:13px}.center>.turtle{width:125px}.print-trigger{display:none}}
@media(min-width:601px){.mobile-parent{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{body{background:white;color:black}.app-shell,.modal-overlay,.toast{display:none!important}.print-area{display:block!important;padding:15mm;font-family:var(--font)}.print-area h1{font-size:25pt;margin-bottom:7mm}.print-area p{font-size:11pt;color:#555}.print-card{display:flex;gap:12mm;padding:10mm 0;border-bottom:1px dashed #bbb;break-inside:avoid}.print-glyph{width:35mm;height:35mm}.print-grid{display:flex;gap:5mm;margin:7mm 0}.print-grid span{width:23mm;height:23mm;border:1px solid #bbb;background:linear-gradient(90deg,transparent 49.5%,#ddd 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#ddd 50%,transparent 50.5%);display:grid;place-items:center;font-family:var(--serif);font-size:48pt;color:#d1d1d1}.print-card h2{font-size:20pt}.print-foot{margin-top:10mm;font-size:9pt!important}}
.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:22px;max-width:800px;margin-left:auto;margin-right:auto}.memory-card{aspect-ratio:1/.95;background:#e8eddd;border:2px solid #d4dfc3;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transition:background .2s,transform .2s}.memory-card:hover:not(:disabled){transform:translateY(-3px)}.memory-card.flipped{background:#fffbee;border-color:#d4c79e}.memory-card.matched{background:#e3edda;border-color:#9fb889;opacity:1}.memory-card .oracle-glyph{width:72%;height:72%;color:#816d4b}.memory-card .serif{font-size:65px;line-height:1.6}.memory-card>small{position:absolute;bottom:9px;font-size:9px;color:#9ba48b}.memory-back{display:flex;flex-direction:column;align-items:center;gap:13px;color:#99ac85}.memory-back small{font-size:10px;letter-spacing:2px}@media(max-width:600px){.memory-grid{grid-template-columns:repeat(3,1fr);gap:10px}.memory-card{aspect-ratio:1/1.16;border-radius:12px}.memory-card .serif{font-size:45px}.memory-back small{font-size:8px;letter-spacing:1px}.memory-back svg{width:25px}.memory-card>small{font-size:8px;bottom:6px}}

/* Readable markers, aligned with the responsive vector coordinate system. */
.island-stop strong{font-size:12px}.island-count{font-size:10px}@media(max-width:600px){.world-map{left:0;width:100%;height:100%;transform:none}.island-stop strong{font-size:10px}.island-count{font-size:9px}.map-note{display:none}}

.time-window #ancient-compare{width:76%;height:76%;position:absolute;inset:12%;color:#69513a}.time-window #modern-compare{position:absolute;inset:5%;display:grid;place-items:center;font-size:clamp(120px,15vw,235px);color:#385941}.time-slider{display:flex;align-items:center;gap:13px;max-width:390px;margin:17px auto 0;font-size:11px;color:#8c9a7a}.time-slider input{flex:1;min-width:0;accent-color:#66855c;height:24px}.observation-note{display:flex;align-items:flex-start;gap:9px;font-size:12px;background:#eef1e3;color:#74876a;padding:12px 14px;border-radius:10px;line-height:1.8}.observation-note svg{margin-top:3px}.task-audio{margin-left:auto}@media(max-width:800px){.lesson-header .task-audio{margin-left:0}.lesson-header{flex-wrap:wrap}.lesson-progress{margin-left:auto}}@media(max-width:600px){.task-audio{font-size:11px!important}.lesson-progress{width:100%;order:4}.time-window #modern-compare{font-size:165px}.observation-note{font-size:11px}.lesson-status{font-size:10px}.time-slider{font-size:10px}}

/* Focus is moved to main after navigation; controls retain visible keyboard focus. */
main:focus{outline:none}
@media(max-width:600px){.island-stop[data-zone="5"]{top:76%!important}}

/* Exact external outline assets; no fake ink filter, added stroke or non-uniform scale. */
img.oracle-glyph{display:block;object-fit:contain;object-position:center;filter:none;image-rendering:auto;pointer-events:none}
.artifact-stage>img.oracle-glyph{position:relative;z-index:1}
.time-window #ancient-compare>.oracle-glyph{width:100%;height:100%;max-width:none}
.glyph-pending{display:grid!important;place-items:center;color:#88917b;text-align:center;background:none;font-family:var(--font);font-size:12px;font-weight:500}
.glyph-pending>span{border:1px dashed #b7bea9;border-radius:12px;padding:12px;line-height:1.6}
.modern-only-stage>.serif{font-size:150px;position:relative;color:#385941}
.modern-mode-note{font-size:12px;line-height:1.8;background:#eef1e3;color:#607353;padding:12px 15px;border-radius:10px;margin-bottom:17px}
.lesson-source{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;margin:18px 0 5px}.lesson-source>span{font-size:11px;color:#7b8670}
.source-inspector-title>span{font-size:12px;color:#81946c}.source-inspector-title h2{font-size:23px;margin:7px 20px 8px 0}.source-inspector-title p{font-size:13px;line-height:1.8}
.source-inspector-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:27px;margin:23px 0;align-items:center}
.source-image-board{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffefa;border:1px solid #dedcca;border-radius:15px;padding:15px;gap:13px}
.source-image-board>.oracle-glyph{width:85%;height:85%;min-height:0}.source-image-board>span{font-size:10px;color:#93947e;text-align:center}
.source-facts{margin:0;font-size:13px}.source-facts dt{font-size:11px;color:#87917b;margin:14px 0 4px}.source-facts dd{margin:0;color:#4e634b;line-height:1.75;overflow-wrap:anywhere}
.source-actions a{font-size:12px;display:inline-flex;align-items:center;gap:6px;color:#3e7457;text-decoration:underline;text-underline-offset:4px;line-height:2.1}
.source-explanation{background:#eef1e5;border-radius:12px;padding:16px;margin:20px 0;font-size:12px;color:#6e7d61;line-height:1.85}.source-explanation p{font-size:12px;margin-top:8px}
.print-source{font-size:7pt;overflow-wrap:anywhere}
@media(max-width:600px){.source-inspector-main{grid-template-columns:1fr;gap:10px}.source-image-board{max-width:245px;width:100%;margin:auto}.source-facts{display:grid;grid-template-columns:85px 1fr;gap:8px;align-items:start}.source-facts dt{margin:3px 0}.source-inspector-title h2{font-size:20px}.lesson-source{gap:8px}.source-actions{gap:7px}.source-actions a{display:flex;width:100%;font-size:12px}.glyph-pending{font-size:10px}.glyph-pending>span{padding:7px}}

/* Scratch stack: decoration 0, glyph 1, caption 2, opaque sand 10.
   The old img rule z-index:1 must never float above the cover. */
.artifact-stage{isolation:isolate}
.artifact-stage::before{z-index:0;pointer-events:none}
.artifact-stage>.oracle-glyph{z-index:1}
.artifact-caption{z-index:2;pointer-events:none}
.artifact-stage>.scratch-canvas{z-index:10;display:block;opacity:1;background:transparent}
.artifact-stage>.scratch-canvas.revealed{opacity:0;pointer-events:none}
.scratch-stage:not(.scratch-ready){background:#c6af89}
.scratch-stage:not(.scratch-ready)>.oracle-glyph,
.scratch-stage:not(.scratch-ready)>.artifact-caption,
.scratch-stage:not(.scratch-ready)::before{visibility:hidden}
.scratch-stage:not(.scratch-done)>.artifact-caption{visibility:hidden}
.scratch-failed::after{content:'画布暂不可用，请用右侧按钮揭开';position:absolute;inset:0;z-index:11;background:#c6af89;display:grid;place-items:center;padding:24px;font-size:14px;text-align:center}
.scratch-failed.scratch-done::after{display:none}
@media(prefers-reduced-motion:reduce){.scratch-canvas{transition:none}}
/* Evolution shares the island's cream / sage palette and restrained controls. */
.evo-panel{background:var(--white);border:1px solid #e1e4d7;border-radius:22px;padding:26px;min-width:0}
.evo-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.evo-panel-head h2{font-size:22px;margin:0}.evo-panel-head p{font-size:13px;margin:6px 0 0;color:#7c8978}
.evo-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:24px}
.evo-stop{position:relative;min-width:0;border:1px solid #e0e2d8;border-radius:12px;background:#f8f7f0;display:flex;align-items:center;flex-direction:column;padding:12px 6px 11px;font:inherit;color:#4d6555;cursor:pointer}
.evo-stop.selected{border-color:#739066;background:#edf1e3;box-shadow:inset 0 -3px 0 #739066}.evo-stop:hover{border-color:#92a480}
.evo-step-num{font-size:10px;color:#88987c;position:absolute;top:8px;left:10px;letter-spacing:1px}
.evo-thumb{height:67px;width:70px;display:grid;place-items:center;margin:5px 0 6px}.evo-stop strong{font-size:14px;line-height:1.5}.evo-stop small{font-size:10px;color:#87917f;line-height:1.5;margin-top:3px;text-align:center}
.evo-glyph{display:block;object-fit:contain;width:100%;height:100%;pointer-events:none;user-select:none}
.evo-body{display:grid;grid-template-columns:minmax(260px,1.05fr) minmax(240px,1fr);gap:34px;align-items:center;min-width:0}
.evo-display{min-width:0}.evo-picture{display:grid;place-items:center;aspect-ratio:1;border-radius:16px;background:#f3efdf;border:1px solid #e3ddcb;position:relative;overflow:hidden}
.evo-picture>.evo-glyph{width:82%;height:82%}.evo-picture-single{max-width:320px;margin:0 auto}
.evo-picture::before{content:'';position:absolute;inset:12%;border:1px dashed #d9d1bd;pointer-events:none}
.evo-specimen{font-size:11px;line-height:1.8;text-align:center;color:#8f8d78;max-width:400px;margin:12px auto 0}
.evo-copy{min-width:0}.evo-era{font-size:11px;color:#8b927a;margin-bottom:12px;line-height:1.8}.evo-copy h3{font-size:24px;line-height:1.5;margin-bottom:12px;letter-spacing:.5px}.evo-copy>p{font-size:14px;line-height:1.9;max-width:440px;color:#778575}
.evo-look{margin-top:20px;padding:17px 18px;background:#f1f3e8;border-radius:12px}.evo-look>span{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700;color:#567349}.evo-look p{font-size:13px;line-height:1.85;margin:9px 0}.evo-hint{display:flex;gap:8px;align-items:center;border:0;padding:0;background:none;font:inherit;font-size:12px;color:#698757;cursor:pointer}.evo-hint-answer{padding-top:9px;border-top:1px solid #d9e0c8;color:#4d694b}
.evo-word{display:flex;gap:12px;align-items:center;margin-top:19px}.evo-word>strong{font-family:var(--serif);font-size:36px;line-height:1.2}.evo-word>span{font-size:17px;color:#6d855b;line-height:1.5}.evo-word small{font-size:10px;color:#96a087}
.evo-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:25px;border-top:1px solid #e5e7dc;padding-top:18px;flex-wrap:wrap}.evo-position{font-size:12px;color:#81916e}.evo-history-note{font-size:11px;color:#8f9986;line-height:1.9;margin:15px 0 0;max-width:100%}
.evo-picks{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}.evo-picks>span{font-size:13px;color:#829177}.evo-char{border:1px solid #dfe4d6;background:var(--white);border-radius:12px;min-width:71px;padding:8px 15px;font-family:var(--serif);font-size:30px;color:#47654f;line-height:1.15}.evo-char small{display:block;font-family:var(--font);font-size:11px;margin-top:4px}.evo-char.selected{border-color:#7e9a70;background:#eaf0e1}.evo-picks>label{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:12px;color:#8b977f}.evo-picks .select{min-width:155px}
.evo-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.evo-compare figure{margin:0}.evo-compare figcaption{text-align:center;font-size:12px;color:#738368;margin-top:8px}.evo-compare-select{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:15px;font-size:12px;color:#839575}.evo-compare-select select{max-width:190px}
.evo-missing{display:flex;flex-direction:column;gap:8px;text-align:center;font-size:14px;color:#969c8a;padding:14px}.evo-missing small{font-size:11px}.evo-mini-missing{font-size:12px;padding:0;color:#a2a894}
.evo-lesson-intro{display:flex;align-items:center;gap:18px;margin:0 0 22px}.evo-lesson-intro>strong{font-size:60px;font-family:var(--serif);line-height:1.1}.evo-lesson-intro>div>span{font-size:22px;color:#758b5c}.evo-lesson-intro p{font-size:13px;margin:6px 0}.evo-lesson-intro>.btn{margin-left:auto}.evo-lesson-next{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:22px 0}.evo-lesson-next p{font-size:13px;color:#829174}
.evo-source-image{width:230px;height:230px;margin:20px auto;background:#f2efdf;border-radius:14px;padding:20px}.evo-source p{font-size:13px;line-height:1.9;margin:14px 0}.evo-source .source-facts{margin:20px 0}.evo-source .actions a{font-size:12px}
.evo-feature{border:1px solid #d8e2c9;background:#edf2e5;border-radius:17px;margin:22px 0;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.evo-feature h3{font-size:19px}.evo-feature p{font-size:13px;margin:7px 0 0;line-height:1.8}.evo-feature .btn{flex-shrink:0}
.evo-stop:focus-visible,.evo-char:focus-visible,.evo-hint:focus-visible{outline:3px solid #ac965f;outline-offset:3px}
@media(max-width:1000px){.evo-panel{padding:20px}.evo-body{gap:22px;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr)}.evo-copy h3{font-size:21px}.evo-thumb{width:54px;height:54px}.evo-stop strong{font-size:12px}.evo-stop small{font-size:9px}.evo-timeline{gap:6px}.evo-bottom{justify-content:center}.evo-position{order:3;width:100%;text-align:center}}
@media(max-width:800px){.evo-body{grid-template-columns:1fr}.evo-copy{max-width:480px;margin:0 auto;width:100%}.evo-picture-single{max-width:280px}.evo-look{margin-top:14px}.evo-word{margin-top:10px}.evo-picks>label{margin-left:0}.evo-feature{padding:19px;align-items:flex-start}.evo-feature h3{font-size:17px}}
@media(max-width:600px){.evo-panel{padding:18px 13px;border-radius:17px}.evo-panel-head{margin-bottom:15px;gap:8px}.evo-panel-head h2{font-size:19px}.evo-panel-head p{font-size:11px}.evo-panel-head>.btn{font-size:11px;padding:8px 10px;min-height:38px}.evo-timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}.evo-stop{padding:7px 4px 9px}.evo-thumb{width:49px;height:49px;margin:8px 0 4px}.evo-step-num{top:6px;left:8px;font-size:9px}.evo-stop strong{font-size:12px}.evo-stop small{font-size:9px}.evo-body{gap:15px}.evo-picture-single{max-width:255px}.evo-copy h3{font-size:20px}.evo-copy>p{font-size:13px}.evo-copy .evo-era{font-size:10px;margin-bottom:8px}.evo-picks{gap:8px}.evo-picks>span{font-size:11px}.evo-char{min-width:57px;font-size:27px;padding:7px 12px}.evo-picks>label{width:100%;margin-top:5px}.evo-picks .select{flex:1}.evo-bottom{margin-top:18px;padding-top:16px;gap:12px}.evo-history-note{font-size:10px}.evo-lesson-next{flex-direction:column;align-items:stretch}.evo-lesson-next p{text-align:center;font-size:12px}.evo-lesson-intro{gap:12px}.evo-lesson-intro>strong{font-size:53px}.evo-lesson-intro>.btn{font-size:11px;padding:8px}.evo-feature{display:block}.evo-feature .btn{margin-top:14px;width:100%}.evo-feature p{font-size:12px}.nav-item span{font-size:9px}.side-nav{gap:0}}

/* Thousand-character integration. Isolated layers prevent pre-scratch reveal. */
.modern-face{width:1.25em;height:1.25em;object-fit:contain;vertical-align:middle;display:inline-block;pointer-events:none}
.tile-title .modern-face{width:36px;height:36px}.answer .modern-face{width:56px;height:56px}
.rare-code{font:600 14px/1.5 var(--font);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:40px}
.rare-code small{font-size:9px;font-weight:400}
.copy-board{position:relative;aspect-ratio:1;max-width:360px;margin:auto;background:#fffdf6;border:10px solid #f0efe3;border-radius:16px;overflow:hidden}
.copy-board::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,#daddce 50%,transparent 50.3%),linear-gradient(transparent 49.7%,#daddce 50%,transparent 50.3%)}
.copy-board>.modern-face,.copy-board>.oracle-glyph{position:absolute;inset:12%;width:76%;height:76%;opacity:.22;z-index:0;object-fit:contain}
.copy-board canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;touch-action:none;cursor:crosshair}
.copy-feedback{font-size:12px;margin:12px auto;text-align:center;max-width:350px;color:#728269}
.library-jump{display:flex;gap:7px;align-items:center}.library-jump input{width:62px;padding:8px;border:1px solid #d9dfce;border-radius:8px;background:var(--white)}
.evo-search-label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.evo-search-label input{width:100px;padding:10px;border:1px solid #cfd9c5;border-radius:8px;background:var(--white)}
.data-tiers{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:#637459}
.source-revision{word-break:break-all;font:11px/1.7 monospace}.evo-missing small{font-size:11px;display:block;line-height:1.7}
@media(max-width:600px){.evo-picks label{width:100%;min-width:0}.evo-picks select{max-width:100%;min-width:0}.evo-char{min-width:50px}.library-jump{width:100%;justify-content:center}.pagination{flex-wrap:wrap}.copy-board{max-width:290px}.topbar .top-right{gap:7px}.evo-copy p{overflow-wrap:anywhere}.source-facts dd{overflow-wrap:anywhere}}

/* Inline modern samples avoid missing-font boxes in rare characters. */
.discovery-title .modern-face{height:1.1em;width:1.1em;vertical-align:middle}
.zone-chip strong .modern-face,.garden-pot strong .modern-face,.done-chars span .modern-face{height:1.15em;width:1.15em;vertical-align:middle}
.print-grid .modern-face,.print-card h2 .modern-face{height:1em;width:1em;object-fit:contain;vertical-align:middle}

.account-page{min-height:100vh;display:grid;grid-template-columns:1.08fr 1fr;background:#fbf9f2;color:#314e3b}
.welcome-panel{padding:44px 9%;background:#e9eedc;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.welcome-panel:after{content:"";width:560px;height:560px;border:1px solid #c5d4b4;border-radius:50%;position:absolute;right:-290px;top:12%;box-shadow:0 0 0 50px #d9e2cc55,0 0 0 110px #d9e2cc33;pointer-events:none}
.welcome-brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px;text-decoration:none;color:inherit;z-index:1}
.welcome-copy{position:relative;z-index:1;margin:65px 0 35px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#768868}
.welcome-copy h1{font-family:var(--serif,serif);font-size:clamp(42px,4.8vw,72px);line-height:1.24;letter-spacing:3px;margin:24px 0}.welcome-copy h1 em{font-style:normal;color:#9c713d}
.welcome-copy p{font-size:14px;line-height:2;color:#69785f}.welcome-foot{font-size:11px;color:#728267;margin-top:20px;z-index:1}
.welcome-glyphs{display:flex;gap:18px;margin-top:30px}.welcome-glyphs>div{width:86px;height:102px;background:#f9f8ee;border:1px solid #d5dfc8;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-5deg)}.welcome-glyphs>div:nth-child(2){transform:rotate(5deg);margin-top:12px}.welcome-glyphs svg,.welcome-glyphs img{width:50px!important;height:56px!important;object-fit:contain}.welcome-glyphs span{font-size:11px;color:#77886b}
.account-panel{display:flex;align-items:center;justify-content:center;padding:48px 35px}.account-card{width:100%;max-width:390px}.account-card h2{font-family:var(--serif,serif);font-size:29px;margin:13px 0}.account-intro{font-size:13px;line-height:1.9;color:#839076;margin-bottom:28px}.account-card .field{margin:17px 0}.account-card input:not([type=checkbox]){background:#fffefa;min-height:46px}.account-card .field small{font-size:10px;color:#859079}.auth-submit{width:100%;min-height:48px;justify-content:center}.auth-links{display:flex;justify-content:space-between;gap:18px;margin:23px 0;font-size:12px}.auth-links button{color:#547247;text-decoration:underline;text-underline-offset:4px}.privacy-note{font-size:11px;line-height:1.9;color:#8e9784;border-top:1px solid #e7eadc;padding-top:20px}.form-error{font-size:12px;color:#a24535;line-height:1.7;margin:12px 0}.form-error:empty{display:none}
.recovery-page{min-height:100vh;background:#e9eedc;display:grid;place-items:center;padding:30px}.recovery-page .account-card{max-width:520px;padding:40px}.recovery-page h1{font-size:30px;margin:14px 0}.recovery-page p{font-size:14px;line-height:1.9}.recovery-code{display:block;overflow-wrap:anywhere;background:#f2f4e9;border:1px dashed #91a780;padding:20px;margin:24px 0;font-size:19px;user-select:all}.recovery-page .check-field{margin:24px 0}
.profile-button{cursor:pointer;color:inherit;border:0;background:none;font:inherit}.child-list{display:grid;gap:10px;margin:24px 0}.child-choice{display:flex;gap:14px;align-items:center;text-align:left;padding:15px;border:1px solid #dce5cf;border-radius:16px;background:#fafbf4;color:#405b36}.child-choice.selected{border-color:#708e5c;background:#ecf2e3}.child-choice>span:last-child{margin-left:auto;font-size:11px}
.family-panel{margin-bottom:28px}.family-panel h2{font-size:23px;margin-top:10px}.family-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.family-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.family-stats>div{display:flex;flex-direction:column;background:#f3f6ec;border-radius:15px;padding:20px}.family-stats strong{font-size:32px;color:#4b6b3d}.family-stats span{font-size:11px;color:#7b896e;margin-top:8px}.week-chart{display:flex;gap:16px;max-width:600px;margin:22px 0}.week-day{flex:1;text-align:center;font-size:12px;color:#6f825e}.week-track{height:70px;background:#eef2e6;border-radius:8px;display:flex;align-items:flex-end;margin:9px 0;overflow:hidden}.week-track>div{background:#9aaf7c;width:100%;border-radius:7px}.week-day small{font-size:10px}.family-panel>.actions{margin-top:20px}.saved{max-width:230px;line-height:1.5}button:disabled{opacity:.55;cursor:wait}
@media(max-width:850px){.account-page{grid-template-columns:1fr}.welcome-panel{padding:25px 7%}.welcome-copy{margin:30px 0 16px}.welcome-copy h1{font-size:39px;line-height:1.2;margin:15px 0}.welcome-copy h1 br:nth-child(2){display:none}.welcome-copy p{font-size:12px}.welcome-glyphs{position:absolute;right:0;bottom:5px;gap:8px;opacity:.9}.welcome-glyphs>div{width:56px;height:70px;border-radius:15px}.welcome-glyphs svg,.welcome-glyphs img{width:32px!important;height:36px!important}.welcome-foot{font-size:10px}.account-panel{padding:35px 25px 50px}.account-card{max-width:460px}.family-stats{grid-template-columns:repeat(2,1fr)}.family-panel .section-title{align-items:flex-start;gap:10px}.family-panel h2{font-size:20px}.family-panel .section-title .btn{font-size:10px;padding:8px}.top-right .saved{display:block!important;font-size:10px;max-width:118px}.top-right{gap:8px}.recovery-page .account-card{padding:25px}.week-chart{gap:8px}}
@media(max-width:400px){.welcome-glyphs{right:-15px;gap:4px}.welcome-glyphs>div{width:42px;height:58px}.welcome-copy h1{font-size:34px}.welcome-copy p{max-width:205px}.top-right .saved{max-width:95px}.top-name{display:none}.family-stats>div{padding:14px}.account-panel{padding-inline:20px}}
@media(max-width:850px){.welcome-copy h1 br:nth-child(2){display:initial}.welcome-copy h1 em{white-space:nowrap}.welcome-glyphs{bottom:0}.auth-links button{background:transparent;border:0;padding:0;text-align:left}}

/* Bound replaced images independently of their intrinsic SVG aspect ratio.
   Grid auto tracks + percentage heights previously let tall glyphs overflow. */
.artifact-stage{display:block}
.artifact-stage>img.oracle-glyph{position:absolute;inset:10% 12% 18%;width:76%;height:72%;min-width:0;min-height:0;max-width:76%;max-height:72%;object-fit:contain;object-position:center}
.artifact-caption{left:8%;right:8%;bottom:6%;line-height:1.6;text-align:center;font-size:10px}
.evo-picture{display:block}
.evo-picture>.evo-glyph{position:absolute;inset:10%;width:80%;height:80%;min-width:0;min-height:0;max-width:80%;max-height:80%;object-fit:contain}
.evo-picture>.evo-missing{position:absolute;inset:10%;display:flex;justify-content:center}
.evo-thumb{display:block;position:relative;flex:none;overflow:hidden}
.evo-thumb>.evo-glyph{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.evo-thumb>.evo-missing{height:100%;display:flex;justify-content:center}
.evo-stop{overflow:hidden;gap:2px}.evo-stop strong,.evo-stop small{flex:none}
.source-image-board{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
.source-image-board>img.oracle-glyph{position:absolute;inset:7% 10% 17%;width:80%;height:76%;min-height:0;object-fit:contain}
.source-image-board>span{position:absolute;bottom:6%;left:6%;right:6%}
.char-tile img.oracle-glyph,.memory-card img.oracle-glyph,.print-glyph img.oracle-glyph{min-width:0;min-height:0;object-fit:contain}
.mobile-islands{display:none}
.garden-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 32px}
.garden-overview>div{padding:20px 24px;background:#eef2e5;border:1px solid #e0e7d5;border-radius:18px}
.garden-overview>div>span{display:flex;align-items:center;gap:8px;color:#718565;font-size:12px}.garden-overview strong{display:block;font-size:32px;color:#365d48;margin-top:12px}.garden-overview strong small{font:12px var(--font);color:#849178}
.garden-collection{padding:24px;border:1px solid #e0e5d7;border-radius:22px;background:#fffef8}
.garden-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.garden-word{max-width:330px;min-width:0;background:#f7f8f0;border:1px solid #e0e7d7;border-radius:18px;padding:18px;text-align:left;color:#476447;font:inherit;cursor:pointer;transition:transform .15s,border-color .15s}.garden-word:hover{border-color:#9aad85;transform:translateY(-2px)}.garden-word.ready{background:#f7f3e4;border-color:#e3d8b7}
.garden-word-head{display:flex;align-items:center;gap:6px;font-size:11px;color:#7b906c}.garden-word-pair{display:flex;align-items:center;justify-content:center;gap:18px;margin:20px 0}.garden-source{position:relative;display:block;width:68px;height:76px;flex:none;background:#eeefdf;border-radius:12px}.garden-source>img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;min-height:0}.garden-modern{text-align:center;min-width:0}.garden-modern>strong{display:block;font-size:34px;line-height:1.2;font-family:var(--serif)}.garden-modern>span{display:block;font-size:12px;color:#82916e;margin-top:6px}.garden-modern img{max-width:44px;max-height:44px;object-fit:contain}
.garden-growth{display:flex;gap:4px;align-items:center}.garden-growth i{width:8px;height:8px;background:#dfe6d4;border-radius:50%;flex:none}.garden-growth i.grown{background:#78996c}.garden-growth small{font-size:10px;color:#86937b;margin-left:5px}.garden-word-foot{border-top:1px solid #e3e8d9;padding-top:12px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:11px;color:#7c8d70}
.garden-tip{display:flex;align-items:center;gap:14px;background:#edf2e4;border-radius:16px;padding:18px 22px;margin-top:24px;color:#7c8f6b}.garden-tip>svg{flex:none}.garden-tip p{font-size:12px;line-height:1.9;margin:0}.garden-tip strong{color:#527148}.garden-empty{background:#f0f4e7;border-radius:22px;padding:46px 24px;text-align:center;color:#6c8c5d}.garden-empty h3{margin:20px 0 12px}.garden-empty .btn{margin-top:20px}
@media(max-width:600px){
 .map-wrap{background:#f1f4e9;border-color:#dce4d1}.map-canvas{display:none}.mobile-islands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
 .island-card{min-width:0;border:1px solid #dfe5d4;border-radius:15px;background:#fffef7;padding:14px 12px;color:#3e6048;text-align:left;font:inherit;cursor:pointer}.island-card:nth-child(4n+2){background:#eaf0e0}.island-card:nth-child(4n+3){background:#f7ece1}.island-card:nth-child(4n+4){background:#e9f0ed}.island-card:hover{border-color:#8da17b}.island-card-top{display:flex;align-items:center;justify-content:space-between;color:#809572}.island-number{font-size:11px;letter-spacing:1px}.island-card>strong{display:block;font-size:15px;margin:12px 0 8px;line-height:1.4}.island-examples{display:block;font-size:12px;color:#849279;letter-spacing:1px;white-space:nowrap}.island-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:10px;color:#809173;margin-top:14px}.island-meter{display:block;height:4px;margin-top:9px;background:#dfe6d4;border-radius:5px;overflow:hidden}.island-meter>i{display:block;height:100%;background:#839f6d;border-radius:5px}
 .map-legend{border-color:#dce4d1;justify-content:center;padding:12px;gap:8px}.map-legend span:last-child{display:none}.map-legend span:nth-child(2){margin-left:auto}
 .map-section .section-title{align-items:flex-start;gap:8px;flex-wrap:wrap}.map-section .section-title small{font-size:10px}
 .evo-stop{padding:12px 5px}.evo-thumb{width:48px;height:54px;margin:8px 0}.evo-stop small{font-size:9px}.evo-specimen{font-size:10px;margin:10px auto}.evo-history-note{line-height:1.8}
 .garden-overview{gap:8px;margin:20px 0}.garden-overview>div{padding:14px 10px;border-radius:14px}.garden-overview>div>span{font-size:10px;gap:4px}.garden-overview>div>span svg{width:13px}.garden-overview strong{font-size:26px;margin-top:10px}.garden-overview strong small{font-size:10px}
 .garden-collection{padding:14px 10px;border-radius:18px}.garden-collection>.section-title{display:block;margin-bottom:16px;padding:0 4px}.garden-collection>.section-title h3{font-size:16px}.garden-collection>.section-title small{display:block;font-size:10px;margin-top:6px}.garden-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.garden-word{padding:12px 10px;border-radius:14px}.garden-word-pair{gap:8px;margin:18px 0}.garden-source{width:48px;height:58px}.garden-modern>strong{font-size:27px}.garden-modern>span{font-size:10px}.garden-growth{gap:3px;flex-wrap:wrap}.garden-growth small{font-size:9px;margin-left:2px}.garden-growth i{width:6px;height:6px}.garden-word-foot{font-size:9px}.garden-word-head{font-size:10px}.garden-tip{padding:16px;align-items:flex-start}.garden-tip p{font-size:11px}.garden-modern img{max-width:32px;max-height:32px}
}