.learning-scene.active{pointer-events:auto}.learning-shell{position:absolute;inset:8% 7% 11%;overflow:auto;cursor:auto;touch-action:pan-y;scrollbar-width:thin}.learning-heading h2{font-size:clamp(28px,3vw,44px);margin:0 0 12px}.learning-heading .chapter-label{margin-bottom:15px}.learning-hint{font-size:15px;line-height:1.8;color:#888a73;margin:0}.learning-layout{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,2fr);gap:5vw;margin-top:30px}.character-detail,.word-detail{padding-top:24px;align-self:start}.big-character{font-size:98px;line-height:1.1;display:block;color:#4c6545}.detail-pinyin{font:18px Georgia,'PingFang SC',serif;color:#9b8665;letter-spacing:1px;margin:15px 0}.character-detail h3{font-size:21px;line-height:1.6;font-weight:400;margin:12px 0}.detail-explanation,.word-meaning,.word-example{font-size:17px;line-height:1.9;color:#71765f}.board-title{font-weight:400;color:#8a8b74;font-size:15px;letter-spacing:2px;margin:0 0 13px}.board-title:not(:first-child){margin-top:25px}.character-grid{display:grid;gap:10px}.character-grid.recognize{grid-template-columns:repeat(10,1fr)}.character-grid.write{grid-template-columns:repeat(7,1fr)}button{font:inherit;color:inherit;cursor:pointer}.character-tile{border:0;background:none;padding:6px 2px;border-radius:5px;transition:background .18s}.tile-pinyin{display:block;font:14px Georgia,'PingFang SC',serif;letter-spacing:.2px;color:#988b70;margin-bottom:8px}.hanzi,.hanzi-grid{font-size:34px;line-height:1.3;display:block}.hanzi-grid{background:linear-gradient(90deg,transparent 49.4%,#b8c5a83b 49.4%,#b8c5a83b 50.6%,transparent 50.6%),linear-gradient(transparent 49.4%,#b8c5a83b 49.4%,#b8c5a83b 50.6%,transparent 50.6%);outline:1px solid #bbc8b044;padding:7px 0}.character-tile[aria-pressed=true],.word-tile[aria-pressed=true]{background:#d7e0c95c;color:#46633b}.character-tile:hover,.word-tile:hover{background:#d7e0c935}button:focus-visible,a:focus-visible{outline:2px solid #899f6f;outline-offset:5px}.big-word{font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.5;margin:8px 0 18px}.word-example{font-size:15px;color:#989078}.word-return{border:0;border-bottom:1px solid #a6b392;background:none;padding:10px 0;font-size:15px;color:#658051;line-height:1.6}.word-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.word-tile{border:0;background:#eee9dc44;padding:17px 5px;font-size:22px;border-radius:4px;min-height:90px}.word-tile .tile-pinyin{font-size:12px;white-space:nowrap}.culture-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:3vw;margin-top:30px}.culture-card{position:relative;display:flex;flex-direction:column;align-items:center;border:0;border-bottom:1px solid #a9b29b55;background:linear-gradient(transparent,#e6e6d63d);padding:0 12px 20px;transition:transform .3s,background .3s}.culture-card:hover{transform:translateY(-7px);background:linear-gradient(transparent,#dce3ce60)}.culture-portrait{height:clamp(150px,28vh,265px);width:100%;object-fit:contain;object-position:50% 100%;pointer-events:none}.culture-card h3{font-size:30px;font-weight:400;color:var(--card-accent);margin:7px 0 12px}.culture-card p{font-size:13px;line-height:1.6;letter-spacing:1px;margin:0 0 16px;color:#8f8b77}.culture-card-pinyin{font:14px Georgia,serif;color:#a49b85;margin-top:20px}.card-enter{font-size:13px;letter-spacing:1px;color:var(--card-accent)}
body.culture-open{overflow:hidden}.culture-dialog{--culture-accent:#71836a;max-width:none;max-height:none;width:100vw;height:100dvh;inset:0;border:0;padding:0;margin:0;background:#f6f2e8;color:var(--ink);font-family:Book,'Kaiti SC',serif;overflow:auto;cursor:grab;overscroll-behavior:contain}.culture-dialog::backdrop{background:#f6f2e8}.culture-dialog.dragging{cursor:grabbing;user-select:none}.culture-header{position:absolute;left:5%;right:5%;top:4%;display:flex;justify-content:space-between;align-items:center;z-index:5}.quiet-button{font-size:15px;border:0;background:none;padding:12px 0;color:#79856c}.culture-drag-hint{font-size:12px;letter-spacing:1px;color:#a8a38f}.culture-copy{position:absolute;left:7%;top:17%;width:30%;z-index:4;cursor:auto}.culture-copy h1{font-size:clamp(40px,4vw,64px);font-weight:400;margin:0;color:var(--culture-accent)}.culture-copy .chapter-label{margin-bottom:17px}.culture-pinyin{font:17px Georgia,serif;color:#a5997d;margin:9px 0 27px}.culture-tabs{display:flex;gap:18px;border-bottom:1px solid #b9bdab60;margin-bottom:24px}.culture-tab{font-size:15px;border:0;border-bottom:2px solid transparent;padding:0 0 12px;background:none;color:#929680;white-space:nowrap}.culture-tab[aria-selected=true]{color:var(--culture-accent);border-bottom-color:var(--culture-accent)}.culture-topic h2{font-size:24px;font-weight:400;line-height:1.5;margin:0 0 15px}.culture-topic p{font-size:16px;line-height:1.9;color:#737961;margin:0 0 10px}.culture-topic .culture-find{font-size:14px;color:var(--culture-accent);margin-top:17px}.culture-note{font-size:11px;line-height:1.8;color:#aaa58f;margin:22px 0 9px}.culture-source{color:#a49b86;font-size:11px;line-height:1.7;text-decoration-thickness:1px;text-underline-offset:3px}.culture-art{position:absolute;inset:0;pointer-events:none;overflow:hidden}.culture-layer{position:absolute;object-fit:contain;transform-origin:50% 100%;will-change:transform;pointer-events:none;user-select:none;transition:left .8s,top .8s,height .8s}.culture-layer[data-part=mountains]{opacity:.35;filter:saturate(.6)}.culture-layer[data-part=place]{opacity:.92}
@media(max-width:1050px) and (min-width:800px){.learning-layout{grid-template-columns:190px 1fr;gap:25px}.character-grid.recognize{grid-template-columns:repeat(5,1fr)}.character-tile{padding:3px}.hanzi,.hanzi-grid{font-size:27px}.board-title:not(:first-child){margin-top:15px}.tile-pinyin{margin-bottom:4px}.culture-tabs{gap:13px}.culture-topic p{font-size:15px}.culture-copy{top:13%;width:32%}.culture-pinyin{margin-bottom:19px}}
@media(max-width:799px){.learning-shell{inset:7% 7% 10%;padding-bottom:15px}.learning-heading h2{font-size:28px;margin-bottom:12px}.learning-heading .chapter-label{font-size:10px}.learning-hint{font-size:13px}.learning-layout{grid-template-columns:1fr;gap:18px;margin-top:18px}.character-detail{position:sticky;top:0;z-index:3;min-height:130px;background:#f6f2e8f5;padding:10px 0 6px 100px}.big-character{position:absolute;left:5px;top:10px;font-size:78px}.character-detail .detail-pinyin{font-size:16px;margin:0 0 8px}.character-detail h3{font-size:17px;margin:0 0 5px}.detail-explanation{font-size:14px;line-height:1.8;margin:0}.character-grid.recognize,.character-grid.write{grid-template-columns:repeat(5,1fr)}.character-tile{padding:5px 2px}.hanzi,.hanzi-grid{font-size:30px}.tile-pinyin{font-size:13px;margin-bottom:6px}.board-title{font-size:13px}.word-detail{padding-top:0}.word-detail .detail-pinyin{font-size:15px;margin:0 0 5px}.big-word{font-size:30px;margin:0 0 10px}.word-meaning,.word-example{font-size:14px;margin:6px 0;line-height:1.7}.word-return{font-size:13px;padding:6px 0}.word-grid{grid-template-columns:repeat(3,1fr);gap:8px}.word-tile{min-height:77px;font-size:20px;padding:12px 1px}.word-tile .tile-pinyin{font-size:10px;white-space:normal}.culture-cards{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:23px}.culture-portrait{height:130px}.culture-card{padding:0 5px 14px}.culture-card-pinyin{font-size:12px;margin-top:12px}.culture-card h3{font-size:26px;margin:5px 0 8px}.culture-card p{font-size:11px;letter-spacing:0;margin-bottom:10px}.card-enter{font-size:12px}.culture-header{position:sticky;top:0;left:auto;right:auto;padding:16px 7% 8px;background:#f6f2e8ee}.quiet-button{font-size:14px}.culture-drag-hint{font-size:10px}.culture-copy{position:relative;left:auto;top:auto;width:auto;margin:25px 7% 0}.culture-copy h1{font-size:40px}.culture-copy .chapter-label{margin:0 0 12px}.culture-pinyin{font-size:15px;margin:6px 0 23px}.culture-tabs{gap:25px;margin-bottom:20px}.culture-tab{font-size:15px}.culture-topic h2{font-size:24px;margin-bottom:13px}.culture-topic p{font-size:15px;line-height:1.9}.culture-topic .culture-find{font-size:13px}.culture-note{font-size:10px;margin-top:16px}.culture-source{font-size:10px}.culture-art{position:relative;inset:auto;width:100%;height:440px;margin-top:8px}.culture-dialog{padding-bottom:20px}.culture-layer{transition:left .5s,top .5s,height .5s}}
@media(prefers-reduced-motion:reduce){.culture-card,.culture-layer{transition:none!important}}
@media(min-width:800px){.culture-art{top:auto;bottom:0;height:min(100dvh,72vw)}}

.word-comparison{margin:18px 0;padding-left:13px;border-left:2px solid #a9b68b70}.synonym-label{font-size:12px;letter-spacing:2px;color:#92977f;margin:0 0 7px}.synonym-words{font-size:23px;color:#64814e;margin:0 0 8px;line-height:1.5}.synonym-note{font-size:13px;line-height:1.8;color:#82866c;margin:0}.culture-tabs{gap:14px;flex-wrap:wrap}.culture-card .culture-card-region{font-size:11px;letter-spacing:0;color:#78856a;margin:-6px 0 15px;line-height:1.7}.culture-card p{margin-bottom:12px}
@media(max-width:799px){.word-comparison{margin:12px 0}.synonym-words{font-size:21px}.synonym-note{font-size:12px}.culture-tabs{gap:14px}.culture-card .culture-card-region{font-size:10px;margin:0 0 12px}}