.hero-pattern-link{display:block;width:max-content;margin-top:16px;color:var(--gold);font-size:18px;text-decoration:underline;text-underline-offset:5px}.character-library{padding-top:90px;padding-bottom:85px;scroll-margin-top:25px}.library-intro{display:flex;justify-content:space-between;align-items:center;gap:30px}.library-intro h2{font-family:var(--serif);font-size:clamp(38px,4.8vw,68px);line-height:1.08;font-weight:400;margin:18px 0 24px;letter-spacing:-1.7px}.library-intro>div>p:last-child{font-size:18px;line-height:1.8;color:var(--muted);max-width:560px}.library-seal{border:1px solid var(--gold-line);font-family:var(--han);color:var(--gold);font-size:41px;line-height:1.5;letter-spacing:7px;padding:19px 22px;flex-shrink:0;opacity:.75}.library-stats{display:flex;gap:28px;align-items:center;flex-wrap:wrap;padding:26px 0 28px;margin:10px 0 8px;border-bottom:1px solid var(--gold-line);font-size:18px;color:#c8c9b7}.library-stats b{font-family:var(--serif);font-size:30px;font-weight:400;color:var(--gold-bright);margin-right:7px}.library-stats button{margin-left:auto}.library-stats button:disabled{opacity:.45;cursor:default}.library-controls{display:grid;grid-template-columns:1.25fr 1fr .7fr;gap:16px;margin:28px 0 16px}.library-controls label{display:flex;flex-direction:column;gap:10px;min-width:0}.library-controls label>span{font-size:18px;letter-spacing:.3px;color:#d3c7a7}.library-controls input,.library-controls select{min-width:0;width:100%;height:49px;border:1px solid #b59b604d;border-radius:3px;background:#1c2d23;color:#f0e6ce;font:inherit;font-size:18px;padding:0 14px}.library-controls select{padding-right:28px}.library-controls option{background:#18291e;color:#f0e6ce}.library-controls input::placeholder{color:#9ea994;font-size:18px}.library-controls input:focus,.library-controls select:focus{outline:2px solid var(--gold);outline-offset:3px}.theme-shortcuts{display:flex;gap:10px;overflow-x:auto;padding:5px 2px 15px;margin-bottom:13px;scrollbar-width:thin;scrollbar-color:#97814b #19291e}.theme-shortcuts button{white-space:nowrap;flex-shrink:0;min-height:44px;padding:10px 16px;border:1px solid #c6aa643b;background:transparent;color:#b9c5b2;border-radius:30px;font-size:18px;cursor:pointer}.theme-shortcuts button[aria-pressed=true]{background:#d5b57020;border-color:var(--gold);color:#f1d798}.set-banner{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px;min-height:250px;border:1px solid #dcc38a4d;border-radius:5px;overflow:hidden}.set-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.set-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d211ce3,#0d211c91);z-index:-1}.set-banner h3{font-family:var(--serif);font-size:35px;font-weight:400;letter-spacing:-.6px;margin:12px 0}.set-banner p:last-child{max-width:530px;color:#d5dece;font-size:18px;line-height:1.65;margin:10px 0 0}.set-banner .button{flex-shrink:0}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:72px}.results-heading p{font-size:18px;color:#bdc7b4}.results-heading .text-button{font-size:18px}.character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.character-card{appearance:none;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:16px 15px 21px;min-height:245px;border:1px solid #b59b6030;border-radius:4px;background:linear-gradient(145deg,#253c2c77,#1a2b20);color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.character-card:hover{border-color:#d4b674a1;background:#293d2c;transform:translateY(-3px)}.character-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.character-card-top{display:flex;justify-content:space-between;width:100%;gap:10px;font-size:18px;letter-spacing:.9px;color:#a7b89e}.card-glyph{font-family:var(--han);font-size:69px;line-height:1.5;display:block;color:var(--gold-bright);margin:10px 0 1px}.character-card>strong{font-size:18px;line-height:1.5;min-height:20px;font-weight:500}.card-word{font-family:var(--han);font-size:23px;line-height:1.5;display:block;color:#c7d3bd;margin-top:15px}.character-card>small{font-size:18px;line-height:1.5;color:#a7b69e;max-width:100%;margin-top:5px}.empty-results{grid-column:1/-1;text-align:center;border:1px solid var(--gold-line);padding:40px 20px;color:var(--muted);font-size:18px}.catalogue-pagination{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:28px}.catalogue-pagination>span{color:#c3c8b0;font-size:18px}.catalogue-pagination button{font-size:18px;min-height:44px}.catalogue-pagination button:disabled{opacity:.35;cursor:default}.catalogue-note{font-size:18px;line-height:1.8;color:#aab79e;max-width:810px;margin-top:30px}.content-note{border-top:1px solid var(--gold-line);padding-top:20px;margin-top:25px;max-width:900px}.content-note summary{cursor:pointer;color:#d7c396;font-size:18px;min-height:35px}.content-note p{font-size:18px;line-height:1.9;color:#aebbab}.content-note a{color:var(--gold)}

.character-dialog{width:min(1000px,calc(100% - 40px));max-width:1000px;max-height:94svh;padding:0;border:1px solid #b79b60a8;border-radius:7px;background:#15251c;color:var(--ink);overflow-y:auto;overscroll-behavior:contain}.character-dialog::backdrop,.review-dialog::backdrop{background:#060e0acf;backdrop-filter:blur(7px)}.character-dialog-header{display:flex;align-items:center;gap:16px;padding:14px 22px;border-bottom:1px solid var(--gold-line);background:#15251cf2;font-size:18px;color:#b9c7ae;position:sticky;top:0;z-index:10}.character-dialog-header>span:first-child{flex:1;line-height:1.5}.character-dialog-header .round-button{height:42px;width:42px;flex-shrink:0;font-size:22px}.content-tag{font-size:18px;letter-spacing:1.3px;color:#dbbd7b;border:1px solid #bba0614d;border-radius:2px;padding:7px 8px}.character-lesson{display:grid;grid-template-columns:1.65fr 1fr}.catalogue-scene{position:relative;isolation:isolate;min-height:595px;display:flex;flex-direction:column;align-items:center;padding:27px 27px 26px;overflow:hidden;background:#23352a}.catalogue-scene>img,.catalogue-scene-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.catalogue-scene-shade{z-index:-1;background:linear-gradient(180deg,#0b1b15b0,#091912bd 70%,#07170ee8)}.lesson-meaning{display:flex;gap:16px;align-items:center;width:100%;min-height:74px;background:#0e201aa6;border:1px solid #c7ac6e3b;border-radius:4px;padding:13px 17px;box-shadow:0 5px 24px #05120b33}.lesson-meaning>span{font-family:var(--han);font-size:51px;line-height:1;color:var(--gold-bright)}.lesson-meaning>div{flex:1;min-width:0}.lesson-meaning h2{font:500 19px/1.35 var(--text-font,'Times New Roman',Times,serif);margin:0;letter-spacing:0}.lesson-meaning p{margin:6px 0 0;font-size:18px;color:#c6d1ba}.lesson-meaning .round-button{width:39px;height:39px;font-size:18px;flex-shrink:0}.catalogue-scene>svg{display:block;width:320px;max-width:95%;height:320px;flex-shrink:0;filter:drop-shadow(0 6px 20px #07170cb0);margin:7px 0 -2px}.catalogue-scene input[type=range]{width:90%;height:20px;accent-color:var(--gold);cursor:pointer;background:transparent}.stroke-status{font-size:18px;line-height:1.7;color:#c1cab5;margin:7px 0 13px;min-height:20px}.stroke-controls{display:flex;gap:12px;justify-content:center;width:100%}.stroke-controls .button{font-size:18px;min-height:44px;padding:11px 17px}.component-chips{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:17px}.component-chip{padding:6px 13px;min-height:44px;min-width:46px;font-family:var(--han);font-size:27px;line-height:1;border:1px solid var(--part-colour);color:var(--part-colour);border-radius:4px;background:#071b159c;cursor:pointer}.component-chip[aria-pressed=true]{background:#334636cc;outline:1px solid var(--part-colour);outline-offset:3px}.component-detail{max-width:450px;font-size:18px;line-height:1.65;min-height:34px;text-align:center;color:#c4cfb7;margin:13px 0 0}.component-detail>.text-button{display:block;margin:6px auto 0;font-size:18px;min-height:32px}.lesson-copy{padding:33px 29px 25px;min-width:0}.lesson-copy>.eyebrow{font-size:18px;margin-bottom:14px}.example-word{display:flex;align-items:center;gap:14px;margin-top:10px}.example-word strong{font-size:42px;font-family:var(--han);font-weight:400;line-height:1.4;color:var(--gold-bright);overflow-wrap:anywhere}.example-word button{width:38px;height:38px;flex-shrink:0;font-size:18px}.lesson-copy #word-meaning{font-size:18px;line-height:1.5;color:#e2e4ce;margin:11px 0 25px}.lesson-copy .pinyin{color:#aebbab;font-size:18px;line-height:1.6;margin:10px 0}.variant-copy{border-top:1px solid var(--gold-line);padding-top:19px;font-size:18px;color:#b9c9aa;line-height:1.7}.lesson-copy .text-button{display:block;font-size:18px;min-height:37px;margin:6px 0;line-height:1.5}.reading-note{font-size:18px;line-height:1.7;color:#b7c5ac}.lesson-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.lesson-actions>.button{width:100%;font-size:18px;justify-content:center;min-height:46px}.lesson-copy .quiet{font-size:18px;line-height:1.7;margin:15px 0;color:#aabb9f}.lesson-data-note{font-size:18px;line-height:1.7;color:#91a388;margin-top:20px}.lesson-pagination{display:flex;justify-content:space-between;padding:18px 23px;gap:15px;border-top:1px solid var(--gold-line)}.lesson-pagination>.button{font-size:18px;min-height:44px}.lesson-pagination>.button:disabled,.lesson-actions>.button:disabled{opacity:.5;cursor:default}.character-dialog button:focus-visible,.review-dialog button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}

.review-dialog{width:min(600px,calc(100% - 30px));max-width:600px;max-height:92svh;padding:0;border:1px solid #b79b60a8;border-radius:7px;background:radial-gradient(ellipse at 50% 35%,#304634,#15251c 70%);color:var(--ink);overflow-y:auto;overscroll-behavior:contain}.review-body{padding:30px 35px 35px;text-align:center}.review-body .eyebrow{font-size:18px;color:#c8c7ab}.review-body h2{font-size:27px;font-family:var(--serif);font-weight:400;line-height:1.35;margin:17px 0}.review-body>#review-glyph{font-family:var(--han);font-size:137px;color:var(--gold-bright);line-height:1.5;display:block;margin:9px 0 18px}.review-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.review-options button{appearance:none;border:1px solid #c3a65e4d;border-radius:4px;background:#13251da6;color:#e1e4ce;font:inherit;font-size:18px;line-height:1.5;min-height:61px;padding:12px 16px;cursor:pointer}.review-options button.correct{border-color:#97c59b;background:#66895c42}.review-options button.incorrect{border-color:#b57862;background:#84524633}.review-options button:disabled{cursor:default}.review-body>#review-feedback{font-size:18px;color:#b9c5ae;line-height:1.8;margin:23px 0 20px;min-height:43px}.review-body>.button{font-size:18px;min-height:45px;margin-top:5px}

@media(max-width:1100px){.character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.set-banner{padding:30px;min-height:230px}.set-banner h3{font-size:31px}.character-dialog{width:calc(100% - 32px)}.character-lesson{grid-template-columns:1.45fr 1fr}.lesson-copy{padding:29px 24px}.lesson-meaning h2{font-size:18px}}
@media(max-width:760px){.hero-pattern-link{font-size:18px;margin-top:11px}.character-library{padding-top:60px;padding-bottom:55px}.library-intro h2{font-size:43px}.library-intro .eyebrow{font-size:18px;line-height:1.9;letter-spacing:1.3px}.library-intro>div>p:last-child{font-size:18px}.library-seal{font-size:29px;letter-spacing:3px;padding:13px 12px}.library-stats{gap:15px;padding:20px 0;font-size:18px}.library-stats b{font-size:25px;margin-right:3px}.library-stats button{margin-left:0;font-size:18px}.library-controls{grid-template-columns:1fr 1fr;gap:15px 11px;margin-top:23px}.library-controls .search-label{grid-column:1/-1}.library-controls label>span{font-size:18px}.library-controls input,.library-controls select{font-size:18px;padding-left:11px;height:48px}.library-controls input::placeholder{font-size:18px}.theme-shortcuts{gap:8px}.theme-shortcuts button{font-size:18px;padding:9px 12px}.set-banner{padding:26px 24px;min-height:260px;display:block}.set-banner h3{font-size:30px;line-height:1.2;margin:11px 0}.set-banner p:last-child{font-size:18px;line-height:1.7}.set-banner .button{font-size:18px;min-height:44px;margin-top:21px}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.character-card{padding:12px 9px 17px;min-height:231px}.character-card-top{font-size:18px;letter-spacing:.2px;gap:4px}.card-glyph{font-size:57px}.character-card>strong{font-size:18px}.card-word{font-size:21px}.character-card>small{font-size:18px}.catalogue-note{font-size:18px}.catalogue-pagination{gap:13px}.catalogue-pagination>.button{padding:10px 12px;font-size:18px}.content-note summary{font-size:18px}.character-dialog{width:calc(100% - 18px);max-height:96svh;margin:auto}.character-dialog-header{padding:9px 14px;gap:10px;font-size:18px}.content-tag{font-size:18px;padding:5px 6px}.character-dialog-header .round-button{width:40px;height:40px}.character-lesson{display:block}.catalogue-scene{min-height:555px;padding:20px 19px}.catalogue-scene>svg{width:280px;height:280px;margin-top:9px}.lesson-meaning{padding:11px 13px;gap:12px}.lesson-meaning>span{font-size:46px}.lesson-meaning h2{font-size:18px}.lesson-copy{padding:27px 23px 22px}.lesson-copy .eyebrow{font-size:18px}.example-word strong{font-size:43px}.lesson-actions{flex-direction:row;flex-wrap:wrap}.lesson-actions .button{flex:1;min-width:125px}.lesson-copy #word-meaning{margin-bottom:20px}.lesson-copy .text-button{font-size:18px;min-height:40px}.lesson-pagination{padding:17px 14px}.lesson-pagination .button{padding:10px 13px}.review-body{padding:25px 21px 30px}.review-body h2{font-size:25px}.review-body>#review-glyph{font-size:125px;margin-bottom:14px}.review-options button{font-size:18px;padding:11px;min-height:62px}}
@media(max-width:430px){.library-intro{gap:15px}.library-intro h2{font-size:37px;letter-spacing:-1px}.library-seal{font-size:24px;padding:10px}.library-stats{column-gap:13px;row-gap:12px}.library-stats b{font-size:23px}.library-stats>span{font-size:18px}.library-stats button{font-size:18px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.character-card{min-height:229px;padding:12px 12px 18px}.card-glyph{font-size:64px}.character-card-top{font-size:18px}.character-card>strong{font-size:18px}.character-card>small{font-size:18px}.set-banner h3{font-size:28px}.library-controls select{font-size:18px;padding-right:20px}.catalogue-scene{padding:19px 15px;min-height:547px}.catalogue-scene>svg{width:267px;height:267px}.lesson-meaning h2{font-size:18px}.lesson-meaning>span{font-size:43px}.stroke-controls{gap:9px}.stroke-controls>.button{font-size:18px;padding:10px 13px}.component-detail{font-size:18px}.character-dialog-header>span:first-child{max-width:200px}.review-body h2{font-size:23px}.review-body>#review-glyph{font-size:113px}}
@media(prefers-reduced-motion:reduce){.character-card{transition:none}.character-card:hover{transform:none}}
.component-chip[lang=en]{font-family:var(--text-font,'Times New Roman',Times,serif);font-size:18px;letter-spacing:.2px}