:root{color:#19332d;font-synthesis:none;--green:#193d34;--mint:#dceae4;--paper:#fffdfa;--line:#d9ddd7;--gold:#eacb70;background:#f7f5ef;font-family:Inter,system-ui,-apple-system,Noto Sans SC,Microsoft YaHei,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}header{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f5efeb;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 580px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-family:Georgia,serif;font-size:20px;font-weight:700;display:flex}.brand span,.deck-icon{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}nav{gap:8px;display:flex}nav a{border-radius:9px;align-items:center;gap:7px;padding:9px 13px;font-size:14px;display:flex}nav a.active{background:var(--mint)}svg{width:18px;height:18px}main{max-width:1160px;margin:auto;padding:56px 24px 100px}.hero{grid-template-columns:1.3fr .7fr;align-items:center;gap:60px;min-height:410px;display:grid}.hero h1,.page-title{letter-spacing:-1.5px;margin:10px 0 18px;font:52px/1.08 Georgia,serif}.hero h1 em{color:#367362;font-weight:400}.hero>div>p:not(.eyebrow){color:#5d6b66;max-width:620px;font-size:18px}.eyebrow{letter-spacing:2px;color:#4b7c6e;font-size:12px;font-weight:800}.hero-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;place-items:center;padding:42px;display:grid;transform:rotate(2deg);box-shadow:0 22px 50px #183c3214}.hanzi{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:106px}.pinyin{color:#428675;font-size:24px}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button,.icon-button{background:var(--paper);cursor:pointer;border:1px solid #cbd2cc;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-weight:700;display:inline-flex}.button:hover,.icon-button:hover{border-color:#6b8d83}.primary{background:var(--green);color:#fff;border-color:var(--green)}.wide{width:100%}.save{float:right;margin-top:20px}.icon-button{width:44px;padding:0}.section-title{justify-content:space-between;align-items:end;gap:20px;margin:52px 0 20px;display:flex}.section-title h2{margin:0;font:36px Georgia,serif}.section-title p{margin:0}.empty{text-align:center;background:#fff8;border:1px dashed #aebbb4;border-radius:18px;padding:54px}.empty>svg{width:44px;height:44px}.deck-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.deck{background:var(--paper);border:1px solid var(--line);border-radius:16px;gap:18px;padding:22px;transition:all .2s;display:flex}.deck h3{margin:0 0 5px}.deck p{color:#65726d;margin:0}.deck small{color:#78827e;gap:5px;margin-top:12px;display:flex}.form-card,.settings{background:var(--paper);border:1px solid var(--line);border-radius:18px;max-width:800px;padding:28px}.form-card>label,.settings>label:not(.button){gap:8px;margin-bottom:20px;font-weight:700;display:grid}input,select{color:#19332d;background:#fff;border:1px solid #cbd1cc;border-radius:9px;min-height:44px;padding:9px 12px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #77b7a5}.upload{text-align:center;cursor:pointer;border:2px dashed #b9c6bf;border-radius:14px;align-content:center;place-items:center;min-height:250px;margin:18px 0;display:grid;overflow:hidden}.upload img{object-fit:contain;width:100%;max-height:420px}.upload>svg{width:36px;height:36px}.privacy{color:#5c6c66;font-size:13px}.error{color:#8e302b;background:#fbe5e2;border-radius:9px;padding:12px 15px}.progress{background:#dfe6e1;border-radius:9px;height:8px;overflow:hidden}.progress span{background:#3d806d;height:100%;display:block}.word-table{gap:8px;display:grid}.word-row{background:var(--paper);border:1px solid var(--line);border-radius:10px;grid-template-columns:24px 30px 1fr 1.2fr .7fr 2fr 44px;align-items:center;gap:6px;padding:7px;display:grid}.word-row.review{border-left:4px solid #d39c3b}.num{text-align:center;color:#7d8985}.cards-list{gap:8px;margin:28px 0;display:grid}.mini-card{background:var(--paper);border-bottom:1px solid var(--line);grid-template-columns:30px 80px 140px 1fr 140px;align-items:center;gap:12px;padding:13px 18px;display:grid}.mini-card b{font-size:22px}.mini-card i{color:#2a8aab}.study{max-width:760px;margin:auto}.study-top{justify-content:space-between;margin-bottom:18px;display:flex}.study-top a{font-size:30px}.study-card{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:40px;display:flex;box-shadow:0 18px 50px #2342}.study-hanzi{font-family:Noto Sans SC,Microsoft YaHei,sans-serif}.study-pinyin{color:#2683a2;font-size:26px}.meaning{border-top:1px solid var(--line);width:80%;margin-top:22px;padding-top:22px}.reveal{color:#356f61;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-top:25px;display:flex}.answer-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.answer-grid button{background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:12px;place-items:center;min-height:80px;display:grid}.answer-grid span{color:#73807b;font-size:12px}kbd{background:#eef1ed;border:1px solid #d6dad6;border-radius:4px;padding:1px 5px;font-size:11px}.study-complete{text-align:center}.study-complete>span{font-size:100px}.check{align-items:center;grid-template-columns:none!important;display:flex!important}.check input{width:20px;height:20px;min-height:auto}.settings h2{border-bottom:1px solid var(--line);margin-top:32px;padding-bottom:10px;font:26px Georgia,serif}@media (width<=720px){header{height:64px;padding:0 14px}.brand{font-size:0}.brand span{font-size:20px}nav a{padding:10px;font-size:0}main{padding:32px 14px 90px}.hero{grid-template-columns:1fr;min-height:0}.hero h1,.page-title{font-size:39px}.hero-card{display:none}.deck-grid{grid-template-columns:1fr}.section-title{align-items:start}.word-row{grid-template-columns:24px 26px 1fr 1fr 44px}.word-row input:nth-of-type(3),.word-row input:nth-of-type(4){grid-column:3/5}.mini-card{grid-template-columns:25px 70px 1fr}.mini-card p{grid-column:2/4}.mini-card small{display:none}.study-card{min-height:360px;padding:25px}.answer-grid{grid-template-columns:1fr}.form-card,.settings{padding:18px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--green:#a8d6c8;--mint:#24483e;--paper:#172620;--line:#394c45;color:#e8eee9;background:#101b17}header{background:#101b17e8}.primary{color:#10251e;background:#a8d6c8}input,select{color:#eef4f0;background:#102019}.hero h1 em{color:#92c7b7}}:root[data-theme=dark]{--green:#a8d6c8;--mint:#24483e;--paper:#172620;--line:#394c45;color:#e8eee9;background:#101b17}.animated .meaning{animation:.25s ease-out show}@keyframes show{0%{opacity:0;transform:translateY(8px)}}.new-mode-panel{background:linear-gradient(125deg,var(--mint),var(--paper));border:1px solid var(--line);border-radius:20px;grid-template-columns:auto 1fr minmax(260px,340px);align-items:center;gap:22px;margin:48px 0 10px;padding:26px;display:grid}.new-mode-panel h2{margin:2px 0;font:32px Georgia,serif}.new-mode-panel p{margin:4px 0}.mode-icon{background:var(--green);width:58px;height:58px;color:var(--paper);border-radius:17px;place-items:center;display:grid}.mode-icon svg{width:27px;height:27px}.mode-start{gap:9px;display:grid}.mode-start label{gap:6px;font-size:13px;font-weight:700;display:grid}.lead{color:#64716c;max-width:700px}.learning-head{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.learning-head a{color:#557168;align-items:center;gap:7px;display:flex}.new-word-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin:28px 0;display:grid}.new-word-grid article{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:16px;padding:18px;box-shadow:0 8px 24px #1231}.new-word-grid i{color:#27809c;font-size:20px;font-style:normal}.new-word-grid p{margin:10px 0 0}.stroke-practice{margin-bottom:12px}.stroke-word{min-height:90px;font-size:58px;line-height:1.5}.stroke-open{width:100%;font-size:13px}.character-tabs{justify-content:center;gap:6px;margin-bottom:8px;display:flex}.character-tabs button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:8px;width:40px;height:40px;font-size:23px}.character-tabs button.active{background:var(--mint);border-color:#3a806d}.writer-stage{border:1px solid var(--line);background:linear-gradient(90deg,#0000 49.7%,#88a89d22 50%,#0000 50.3%),linear-gradient(#0000 49.7%,#88a89d22 50%,#0000 50.3%);border-radius:14px;place-items:center;width:206px;height:206px;margin:0 auto;display:grid;position:relative}.writer-stage>div{touch-action:none}.writer-loading{background:var(--paper);border-radius:7px;padding:5px 9px;font-size:12px;position:absolute}.stroke-status{color:#60716a;min-height:42px;font-size:13px;margin:8px 0!important}.stroke-status.complete{color:#23704f;font-weight:800}.stroke-actions{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.stroke-actions .button{min-height:38px;padding:7px 10px;font-size:12px}.trace-close{color:#6b7773;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-top:8px;font-size:11px;display:inline-flex}.trace-close svg{width:13px}.stroke-missing{color:#78571b;background:#fff1d9;border-radius:9px;padding:10px;font-size:13px}.matching-board{grid-template-columns:1fr 1fr;gap:30px;max-width:760px;margin:32px auto;display:grid}.matching-board>div{gap:12px;display:grid}.matching-board button,.triple-options button{background:var(--paper);border:2px solid var(--line);cursor:pointer;border-radius:12px;min-height:62px;padding:12px 18px;font-size:20px}.matching-board button{justify-content:center;align-items:center;gap:9px;display:flex}.matching-board>div:first-child button{font-size:30px}.matching-board button.selected,.triple-options button.selected{background:var(--mint);border-color:#2f806a;box-shadow:0 0 0 3px #67a99633}.matching-board button.correct,.triple-options button.correct{color:#17603f;background:#dff4e9;border-color:#38986d}.matching-board button.wrong,.triple-options button.wrong{color:#8c2f2a;background:#fde7e4;border-color:#cc5a52;animation:.22s shake}.matching-board button.correct:disabled{opacity:1;cursor:default}.match-feedback{text-align:center;color:#397462;min-height:28px;font-weight:700}.triple-prompt{text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:20px;max-width:680px;margin:24px auto;padding:28px}.triple-prompt>b{font-size:72px;display:block}.triple-prompt svg{color:#4d8978}.triple-options{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;display:grid}.triple-options>div{gap:10px;display:grid}.triple-options>div:first-child button{color:#267e98;font-size:20px}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (width<=720px){.new-mode-panel{grid-template-columns:1fr}.mode-icon{display:none}.new-word-grid{grid-template-columns:1fr}.matching-board,.triple-options{gap:10px}.matching-board button,.triple-options button{padding:8px;font-size:15px}.learning-head{align-items:flex-start}.new-learning .page-title{font-size:34px}}.import-summary{color:#66756f;justify-items:end;gap:3px;font-size:13px;display:grid}.import-summary strong{color:#2e7662}.imported-example-fields{background:#eef7f2;border-radius:9px;grid-column:3/7;grid-template-columns:auto 1.2fr 1.2fr 1.5fr;align-items:center;gap:6px;padding:7px 8px;display:grid}.example-label{color:#34715f;white-space:nowrap;font-size:12px;font-weight:800}@media (width<=720px){.import-summary{justify-items:start}.word-row>input:nth-of-type(3),.word-row>input:nth-of-type(4){grid-column:3/5}.imported-example-fields{grid-column:3/5;grid-template-columns:1fr}}.settings-hint{color:#66756f;margin-top:-8px}.cloud-account{gap:14px;display:grid}.cloud-status{color:#315f52;background:#edf6f2;border-radius:12px;align-items:center;gap:12px;padding:13px 15px;display:flex}.cloud-status.error,.cloud-status.offline{color:#8e302b;background:#fbe9e6}.cloud-status svg{width:25px;height:25px}.cloud-status div{display:grid}.cloud-status span{opacity:.75;font-size:13px}.cloud-login{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cloud-login label{gap:6px;font-weight:700;display:grid}@media (width<=720px){.cloud-login{grid-template-columns:1fr}}.header-auth{max-width:220px;min-height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-weight:700;display:flex}.header-auth:hover{background:var(--mint)}.header-auth span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10251e99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-modal{border:1px solid var(--line);background:var(--paper);width:min(520px,100%);max-height:calc(100vh - 40px);color:inherit;border-radius:22px;padding:30px;position:relative;overflow:auto;box-shadow:0 28px 80px #07130f66}.auth-modal h2{margin:4px 42px 4px 0;font:32px Georgia,serif}.auth-intro{color:#66756f;margin:0 0 22px}.auth-close{border:1px solid var(--line);width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border-radius:10px;place-items:center;display:grid;position:absolute;top:18px;right:18px}@media (width<=720px){.header-auth{width:42px;padding:10px}.header-auth span{display:none}.auth-modal{padding:24px 18px}.auth-modal h2{font-size:27px}}.registration-name{grid-column:1/-1}.profile-name{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.profile-name label{gap:6px;font-weight:700;display:grid}@media (width<=520px){.profile-name{grid-template-columns:1fr}}.auth-mode-switch{border:1px solid var(--theme-border);background:#0002;border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.auth-mode-switch button{min-height:38px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;font-weight:800}.auth-mode-switch button.active{background:var(--theme-surface-soft);color:var(--theme-surface-text);box-shadow:0 2px 8px #0002}.hanzi-data-status{color:#28634f;background:#e9f6f1;border:1px solid #8fc7b5;border-radius:10px;max-width:800px;padding:11px 14px;font-weight:700}.header-identity{align-items:center;gap:10px;display:flex}.global-back{border:1px solid var(--theme-border);min-height:40px;color:inherit;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:8px 11px;font-weight:750;display:flex}.global-back:hover{background:var(--mint)}@media (width<=720px){.global-back{width:40px;padding:9px}.global-back span{display:none}}.public-deck-choice{border:1px solid var(--line);background:var(--mint);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:15px;display:flex!important}.public-deck-choice input{flex:none;width:20px;height:20px;min-height:0;margin-top:2px}.public-deck-choice span{gap:3px;display:grid}.public-deck-choice small{color:var(--theme-muted,#64716c);font-weight:400}.library-page{gap:22px;display:grid}.library-hero{align-items:center;gap:18px;display:flex}.library-hero .page-title{margin:3px 0}.library-hero p:last-child{color:var(--theme-muted,#64716c);margin:0}.library-hero-icon{color:#286b58;background:#dceee7;border-radius:18px;place-items:center;width:64px;height:64px;display:grid}.library-hero-icon svg{width:31px;height:31px}.library-account-hint{color:#6c4b13;background:#fff4d8;border:1px solid #d7b365;border-radius:12px;align-items:center;gap:10px;padding:13px 16px;display:flex}.library-account-hint svg{flex:none}.library-state{text-align:center;min-height:260px;color:var(--theme-muted,#64716c);align-content:center;place-items:center;display:grid}.library-state svg{width:52px;height:52px}.library-state h2{margin:12px 0 0}.library-state p{margin:3px}.public-deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.public-deck-card{border:1px solid var(--theme-border,var(--line));background:var(--theme-surface,var(--paper));border-radius:18px;gap:16px;padding:20px;display:grid;box-shadow:0 10px 28px #193d3410}.public-deck-head{align-items:center;gap:12px;display:flex}.public-deck-head>span{color:#fff;background:#337a67;border-radius:12px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.public-deck-head h2{color:var(--theme-surface-heading,#19332d);margin:0;font:24px Georgia,serif}.public-deck-head p{color:var(--theme-surface-muted,#64716c);margin:2px 0 0;font-size:13px}.public-deck-preview{gap:7px;display:grid}.public-deck-preview>div{background:var(--theme-surface-soft,#edf4f0);border-radius:9px;grid-template-columns:70px 110px 1fr;align-items:center;gap:8px;padding:7px 9px;display:grid}.public-deck-preview b{font-size:19px}.public-deck-preview span:last-child{white-space:nowrap;text-overflow:ellipsis;color:var(--theme-surface-muted,#64716c);overflow:hidden}.public-deck-card>.button{width:100%}@media (width<=760px){.public-deck-grid{grid-template-columns:1fr}.library-hero{align-items:flex-start}.library-hero-icon{width:50px;height:50px}.public-deck-preview>div{grid-template-columns:60px 90px 1fr}}.learning-journey{border:1px solid var(--line);background:linear-gradient(145deg,#edf8f2,var(--paper) 55%,#fff4dc);border-radius:24px;margin:0 0 44px;padding:24px;overflow:hidden;box-shadow:0 18px 45px #183c3212}.journey-title{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.journey-title>div{align-items:center;gap:11px;display:flex}.journey-title>div>svg{color:#347b68;width:28px;height:28px}.journey-title>div>span{display:grid}.journey-title small{color:#6e7b76}.journey-title>span{color:#53645e;background:#fff;border-radius:999px;padding:7px 12px;font-size:13px}.journey-title strong{color:#1e6a55;font-size:18px}.journey-map{gap:18px;display:grid;position:relative}.journey-map:before{content:"";background:repeating-linear-gradient(#9cccbc 0 12px,#0000 12px 20px);border-radius:8px;width:5px;position:absolute;top:25px;bottom:25px;left:50%;transform:translate(-50%)}.journey-group{color:#19332d;background:#fff;border:1px solid #cfddd7;border-radius:18px;width:calc(50% - 30px);padding:15px;position:relative;box-shadow:0 8px 22px #14372d12}.journey-group:nth-child(2n){margin-left:auto}.journey-group:after{content:"";border-top:4px dotted #9cccbc;width:30px;position:absolute;top:28px}.journey-group:nth-child(odd):after{right:-31px}.journey-group:nth-child(2n):after{left:-31px}.journey-group.complete{background:#e4f4ec;border-color:#8bc5b1}.journey-group.active{border:2px solid #e0a43d;box-shadow:0 0 0 5px #f4c66b30,0 12px 28px #59431b1c}.journey-group.locked{opacity:.62}.journey-group-label{align-items:center;gap:10px;margin-bottom:12px;display:flex}.journey-group-label>span{color:#357866;background:#e4eee9;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.journey-group.active .journey-group-label>span{color:#6d4810;background:#f5c765}.journey-group-label>div{display:grid}.journey-group-label small{color:#74817c}.journey-steps{justify-content:space-between;align-items:flex-start;gap:7px;display:flex}.journey-steps button{color:#71817b;background:0 0;border:0;flex:1;justify-items:center;gap:5px;min-width:0;padding:0;display:grid;position:relative}.journey-steps button:not(:last-child):after{content:"";border-top:3px dotted #c5d1cc;position:absolute;top:18px;left:65%;right:-35%}.journey-steps button.done:not(:last-child):after{border-color:#67ae93}.journey-steps button>span{z-index:1;background:#fff;border:2px solid #c3ceca;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:relative}.journey-steps button.done>span{color:#fff;background:#55a383;border-color:#55a383}.journey-steps button.current>span{color:#6f490e;background:#ffd477;border-color:#d99727;animation:1.8s infinite journey-pulse}.journey-steps button.current{color:#6d4b13;cursor:pointer}.journey-steps button.future{cursor:not-allowed}.journey-steps button small{text-align:center;font-size:10px;line-height:1.15}.journey-steps button em{color:#fff;white-space:nowrap;background:#193d34;border-radius:999px;padding:3px 7px;font-size:9px;font-style:normal;position:absolute;top:-24px}.journey-group-progress{background:#e8ecea;border-radius:5px;height:5px;margin-top:12px;overflow:hidden}.journey-group-progress span{border-radius:inherit;background:#df9b2b;height:100%;display:block}.new-learning>.eyebrow{margin-top:0}@keyframes journey-pulse{50%{transform:translateY(-2px);box-shadow:0 0 0 8px #efb84b28}}@media (width<=720px){.learning-journey{padding:18px 14px}.journey-title{align-items:flex-start}.journey-title>span{white-space:nowrap}.journey-map:before{left:17px}.journey-group,.journey-group:nth-child(2n){width:calc(100% - 42px);margin-left:42px}.journey-group:after,.journey-group:nth-child(odd):after,.journey-group:nth-child(2n):after{width:26px;left:-27px;right:auto}.journey-steps button small{font-size:9px}}.journey-celebration-card{text-align:center;color:#19332d;background:linear-gradient(145deg,#fff8e4,#fff);border:1px solid #dfbe72;border-radius:24px;max-width:680px;margin:0 auto;padding:42px;box-shadow:0 20px 50px #694a141c}.journey-celebration-card>span{color:#68450c;background:#f5c75f;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 14px;display:grid}.journey-celebration-card>span svg{width:38px;height:38px}.journey-celebration-card h1{margin:6px 0;font:38px Georgia,serif}.journey-celebration-card>p:not(.eyebrow){color:#65736e;max-width:480px;margin:8px auto 24px}.journey-celebration-card .button{min-width:260px}.journey-board{background:#efe3c8;border:1px solid #c9b98f;border-radius:20px;width:min(100%,780px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 45px #49371320}.journey-board>img{width:100%;height:auto;display:block}.journey-map-node{aspect-ratio:1.62;z-index:1;color:#665b46;cursor:pointer;box-shadow:none;background:0 0;border:2px solid #405d5366;border-radius:50%;place-items:center;transition:transform .12s,box-shadow .2s,border-color .2s;display:grid;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.journey-map-node:hover,.journey-map-node.selected{z-index:4;border-color:#275f50;transform:translate(-50%,-50%)scale(1.035);box-shadow:0 0 0 3px #fff9,0 4px 11px #233b3245}.journey-map-node:active{transform:translate(-50%,-50%)scale(.94);box-shadow:inset 0 4px 8px #49371355}.journey-map-node.active{border-color:#a46f14;animation:1.8s infinite map-node-pulse}.journey-map-node.complete{border-color:#33735f}.journey-map-node:after{content:attr(data-stage-label);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#173d33;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;line-height:1;transition:all .16s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 10px #17221e44}.journey-map-node:hover:after,.journey-map-node:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}.journey-node-parts{border-radius:inherit;background:conic-gradient(from -90deg,#ffffff38 0 31.5%,#314d43c7 31.5% 33.333%,#ffffff38 33.333% 64.8%,#314d43c7 64.8% 66.666%,#ffffff38 66.666% 98.2%,#314d43c7 98.2% 100%);position:absolute;inset:0;overflow:hidden}.journey-map-node.parts-1 .journey-node-parts{background:conic-gradient(from -90deg,#67917fa8 0 31.5%,#314d43c7 31.5% 33.333%,#ffffff38 33.333% 64.8%,#314d43c7 64.8% 66.666%,#ffffff38 66.666% 98.2%,#314d43c7 98.2% 100%)}.journey-map-node.parts-2 .journey-node-parts{background:conic-gradient(from -90deg,#67917fa8 0 31.5%,#314d43c7 31.5% 33.333%,#67917fa8 33.333% 64.8%,#314d43c7 64.8% 66.666%,#ffffff38 66.666% 98.2%,#314d43c7 98.2% 100%)}.journey-map-node.parts-3 .journey-node-parts{background:conic-gradient(from -90deg,#67917fa8 0 31.5%,#314d43c7 31.5% 33.333%,#67917fa8 33.333% 64.8%,#314d43c7 64.8% 66.666%,#67917fa8 66.666% 98.2%,#314d43c7 98.2% 100%)}.journey-island{border-radius:50%;width:22%;height:14%;transition:all .2s;position:absolute;top:4%}.journey-island.quick{left:17%}.journey-island.difficult{right:17%}.journey-island:hover,.journey-island:focus-visible{background:#fff3;box-shadow:0 0 0 4px #f4c85d,0 0 28px #fff}.journey-checkpoint{color:#19332d;background:#fff;border:1px solid #cfddd7;border-radius:18px;max-width:780px;margin:16px auto 0;padding:17px;box-shadow:0 9px 24px #14372d14}.journey-checkpoint .journey-group-label{margin-bottom:14px}.journey-checkpoint .journey-steps{max-width:520px;margin:auto}@keyframes map-node-pulse{50%{box-shadow:0 0 0 6px #ffd3613d,0 4px 12px #50360b3d}}@media (width<=720px){.journey-checkpoint{padding:14px 10px}}.learning-journey{box-shadow:none;background:0 0;border:0;padding:0;overflow:visible}.journey-title{max-width:780px;margin:0 auto 16px}.writer-stage>div{touch-action:none;-webkit-user-select:none;user-select:none}.writer-stage>div>svg{width:100%;height:100%;display:block}.stroke-fields{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:10px;display:flex}.writer-stage.compact{margin:0}.character-field{flex:none}.character-status{color:#60716a;min-height:34px;font-size:11px;margin:6px 0 4px!important}.character-actions{justify-content:center;gap:4px;display:flex}.character-actions button{border:1px solid var(--line);background:var(--paper);min-height:30px;color:inherit;cursor:pointer;border-radius:7px;align-items:center;gap:3px;padding:4px 7px;font-size:10px;display:flex}.character-actions button:disabled{opacity:.45;cursor:not-allowed}.character-actions svg{width:12px;height:12px}.writer-complete{color:#fff;background:#2f806a;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:5px;right:5px}.writer-complete svg{width:15px;height:15px}.character-field.is-complete .writer-stage{border-color:#2f806a;box-shadow:0 0 0 2px #2f806a22}.word-writing-status{color:#69756f;font-size:12px;margin:9px 0 0!important}.word-writing-status.complete{color:#23704f;font-weight:800}.button:disabled{opacity:.45;cursor:not-allowed}@media (width<=720px){.new-word-grid article{overflow:hidden}}.tone-pinyin{letter-spacing:.01em;font-size:1.12em;font-style:normal;font-weight:650;line-height:1.35}.tone-pinyin .tone-1{color:#2878c8}.tone-pinyin .tone-2{color:#24865b}.tone-pinyin .tone-3{color:#c17816}.tone-pinyin .tone-4{color:#c64b46}.tone-pinyin .tone-5{color:#737c78}.tone-pinyin .tone-0{color:inherit}.new-word-meaning{flex-direction:column;justify-content:flex-start;align-items:center;min-height:76px;margin-bottom:12px;display:flex}.new-word-meaning .tone-pinyin{font-size:23px}.new-word-meaning p{background:var(--mint);max-width:100%;color:var(--green);border-radius:8px;padding:6px 11px;font-size:16px;font-weight:700;line-height:1.35;margin:7px 0 0!important}.study-card .study-pinyin{margin:0 0 12px;font-size:30px;display:block}.study-card>.reveal:first-child{margin:0 0 16px}.stage-indicator{color:#7b8581;justify-content:center;align-items:center;gap:8px;margin:0 0 16px;display:flex}.stage-indicator span{border:2px solid var(--line);border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.stage-indicator span.active{color:#fff;background:var(--green);border-color:var(--green)}.stage-indicator i{background:var(--line);width:34px;height:2px}.stage-indicator b{color:inherit;margin-left:10px;font-size:13px}.binary-answer-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.binary-answer-grid button{border:1px solid var(--line);background:var(--paper);min-height:92px;color:inherit;cursor:pointer;text-align:left;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:5px 10px;padding:14px;display:grid}.binary-answer-grid button svg{grid-row:1/3;width:24px;height:24px}.binary-answer-grid button span{color:#73807b;font-size:12px}.binary-answer-grid button.remember{color:#174f3d;background:#e7f4ee;border-color:#64a58d}.binary-answer-grid button.remember span{color:#487064}.binary-answer-grid button.again{color:#852f2a;background:#fbe9e7;border-color:#d48780}.binary-answer-grid button.again span{color:#965a55}.binary-answer-grid button.again kbd{color:#6f2925;background:#fff5f3;border-color:#d9aaa5}.binary-answer-grid button.remember kbd{color:#174f3d;background:#f5fffa;border-color:#9cc6b7}@media (width<=520px){.binary-answer-grid{grid-template-columns:1fr}.stage-indicator b{display:none}}.writing-card{border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:22px;max-width:620px;margin:0 auto;padding:38px;box-shadow:0 18px 50px #2342}.writing-card h2{margin:7px 0 2px;font:700 28px/1.3 Georgia,serif}.writing-card small{color:#74817c}.writing-card label{text-align:left;gap:9px;margin:30px 0 14px;font-weight:750;display:grid}.writing-card input{text-align:center;letter-spacing:.12em;height:68px;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:34px}.writing-card input.correct{border-color:#329069;box-shadow:0 0 0 3px #32906922}.writing-card input.wrong{border-color:#c4524c;box-shadow:0 0 0 3px #c4524c22}.writing-feedback{border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px;padding:14px;display:flex}.writing-feedback.correct{color:#185a40;background:#e3f3eb}.writing-feedback.wrong{color:#8e332f;background:#fbe8e6}.writing-feedback b{font-size:25px}.writing-correction{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.writing-answer-pinyin{font-size:20px;font-weight:700}.context-card{border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;max-width:680px;min-height:390px;margin:0 auto;padding:38px;display:flex;box-shadow:0 18px 50px #2342}.context-chinese{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:38px;line-height:1.5}.context-chinese mark{color:#843f25;background:#ffe4a8;border-radius:7px;padding:2px 5px}.context-answer{border-top:1px solid var(--line);width:100%;margin-top:22px;padding-top:20px}.context-answer h2{margin:10px 0;font:700 25px/1.35 Georgia,serif}.context-hint{color:#7a8580;margin:10px 0 0;font-size:13px}.mini-example{color:#38564d;background:#f3f7f4;border-radius:10px;grid-column:2/-1;grid-template-columns:30px 1fr;align-items:start;gap:10px;margin-top:4px;padding:10px 12px;display:grid}.mini-example>span{color:#28634f;background:#dcebe5;border-radius:7px;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.mini-example>div{flex-wrap:wrap;align-items:baseline;gap:5px 12px;display:flex}.mini-example strong{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:18px}.mini-example .tone-pinyin{font-size:15px}.mini-example p{color:#65756f;flex-basis:100%;margin:0;font-size:14px}@media (width<=720px){.mini-example{grid-column:1/-1}.mini-example>div{gap:3px;display:grid}}.import-message{color:#235b48;background:#e5f2ec;border-radius:10px;padding:10px 14px;font-weight:700}.context-answer a{color:#55766c;font-size:12px;text-decoration:underline}.context-pinyin{font-size:23px;font-weight:700}.context-state{color:#687872;justify-items:center;gap:15px;display:grid}.context-state.error{color:#8e332f}@media (width<=520px){.context-card{padding:24px}.context-chinese{font-size:31px}.stage-indicator i{width:18px}}html,body{overflow-x:hidden}@media (width<=720px){.review-options{grid-template-columns:1fr}.review-secondary,.practice-controls{grid-column:1}.review-options .mode-button-review{width:100%}.practice-controls{grid-template-columns:1fr!important}.practice-button{width:100%}}.review-options{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:auto;display:grid}.review-options label{color:#405a51;gap:6px;font-size:13px;font-weight:700;display:grid}.review-options select{background:#fff9;width:100%}.review-options .mode-button-review{white-space:nowrap;align-self:end;margin-top:0}.practice-controls{background:#effaf5;border:1px solid #9bcdbd;border-radius:14px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:11px;display:grid}.practice-button{white-space:nowrap;color:#fff!important;background:#2f856d!important;border-color:#2f856d!important}.review-secondary{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px;display:grid}.review-secondary .button{color:#315765;background:#fff9}.forgotten-button{color:#9a5630!important;border-color:#d99a72!important}.mode-card-review{min-height:500px}body{background:radial-gradient(circle at 8% 8%,#f9dfb955 0,#0000 24%),radial-gradient(circle at 94% 20%,#b9e3d655 0,#0000 25%),#f8f6f0}.hero{position:relative}.hero:before{content:"";z-index:-1;background:#f6c96555;border-radius:50%;width:90px;height:90px;position:absolute;top:35px;left:-55px}.hero-card{background:linear-gradient(150deg,#fffdfa,#fff7e5);border-color:#eadfc7;border-radius:28px;position:relative}.hero-card:after{content:"";pointer-events:none;border:1px dashed #e8c974;border-radius:20px;position:absolute;inset:10px}.hero-spark{color:#fff;z-index:1;border-radius:14px;place-items:center;width:43px;height:43px;font:22px Noto Sans SC,Microsoft YaHei,sans-serif;display:grid;position:absolute;box-shadow:0 8px 18px #193d3430}.hero-spark-one{background:#ed765f;top:28px;right:-20px;transform:rotate(9deg)}.hero-spark-two{background:#54a990;bottom:38px;left:-18px;transform:rotate(-10deg)}.learning-launchers{gap:12px;margin:30px 0 20px;display:grid}.lesson-launcher{border:1px solid var(--theme-border,#cad8d2);background:var(--theme-surface,#fffdfa);color:var(--theme-surface-text,#40524c);border-radius:18px;grid-template-columns:minmax(230px,.75fr) minmax(500px,1.5fr);align-items:end;gap:22px;padding:18px 20px;display:grid;box-shadow:0 10px 28px #193d340d}.lesson-current{grid-template-columns:1fr auto}.lesson-current-quick{background:linear-gradient(125deg,#fff0d2,#dff4e9);border:2px solid #e2ad5f;margin:12px 0 0;box-shadow:0 12px 30px #b77b2830}.lesson-current-quick .eyebrow{color:#9b5a14}.lesson-launcher.lesson-current-quick h2{color:#49321f}.lesson-current-quick .lesson-launcher-name{color:#315c4f}.lesson-launcher h2{color:var(--theme-surface-heading,#19332d);margin:2px 0 4px;font:26px/1.15 Georgia,serif}.lesson-launcher-copy p{margin:0}.lesson-launcher-name{color:var(--theme-surface-text,#40524c);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.lesson-launcher-controls{grid-template-columns:minmax(190px,1fr) auto;align-items:end;gap:10px;display:grid}.lesson-launcher-controls label{gap:6px;font-size:13px;font-weight:800;display:grid}.lesson-launcher-controls select{background:var(--theme-input-bg,#fff);width:100%;min-height:44px;color:var(--theme-input-text,#19332d)}.lesson-launcher-controls .button,.lesson-current>.button{white-space:nowrap;min-height:44px}.lesson-current>.lesson-continue{justify-content:space-between;min-width:250px;padding:11px 18px}.lesson-current>.lesson-continue span{text-align:left;line-height:1.15;display:grid}.lesson-current>.lesson-continue strong{text-overflow:ellipsis;max-width:300px;margin-top:4px;font-size:13px;overflow:hidden}.lesson-current>.lesson-continue svg{flex:none}:root[data-theme=dark] .lesson-current-quick{background:linear-gradient(125deg,#49351f,#20483d);border-color:#d9a85e;box-shadow:0 12px 30px #0005}:root[data-theme=dark] .lesson-current-quick .eyebrow{color:#ffd08b}:root[data-theme=dark] .lesson-current-quick h2{color:#fff1d8}:root[data-theme=dark] .lesson-current-quick .lesson-launcher-name{color:#c9f1e4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lesson-current-quick{background:linear-gradient(125deg,#49351f,#20483d);border-color:#d9a85e;box-shadow:0 12px 30px #0005}:root:not([data-theme=light]) .lesson-current-quick .eyebrow{color:#ffd08b}:root:not([data-theme=light]) .lesson-current-quick h2{color:#fff1d8}:root:not([data-theme=light]) .lesson-current-quick .lesson-launcher-name{color:#c9f1e4}}@media (width<=900px){.lesson-launcher{grid-template-columns:1fr}.lesson-launcher-controls{grid-template-columns:minmax(180px,1fr) auto auto}}@media (width<=700px){.lesson-launcher{padding:16px}.lesson-launcher-controls{grid-template-columns:1fr}.lesson-launcher-controls .button{width:100%}}.study-modes{margin-top:34px}.modes-title{align-items:center;margin-bottom:20px}.modes-title>p{color:#67756f;text-align:right;max-width:470px;margin:0}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.mode-card{border-radius:24px;flex-direction:column;gap:22px;min-height:390px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #193d3412}.mode-card:after{content:"";border:40px solid #fff5;border-radius:50%;width:170px;height:170px;position:absolute;top:-95px;right:-95px}.mode-card-new{background:linear-gradient(145deg,#fff4ec,#ffe7dc);border:1px solid #f2c6b4}.mode-card-review{background:linear-gradient(145deg,#edf8fb,#dceff6);border:1px solid #b9d7e4}.mode-card-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.mode-card .mode-icon{color:#fff}.mode-card-new .mode-icon{background:#ed765f}.mode-card-review .mode-icon{background:#397b9d}.mode-badge{letter-spacing:1.5px;color:#4a5f58;background:#fff9;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900}.mode-card h3{margin:0 0 8px;font:30px Georgia,serif}.mode-card p{color:#556962;margin:0}.mode-card .mode-start{grid-template-columns:1fr auto;align-items:end;margin-top:auto}.mode-card .mode-start label{color:#405a51}.mode-card select{background:#fff9}.mode-button-new{color:#fff;background:#d95f49;border-color:#d95f49}.mode-button-review{color:#fff;background:#397b9d;border-color:#397b9d;align-self:flex-start;margin-top:auto}.mode-button-new:hover,.mode-button-review:hover{filter:brightness(.95);border-color:#0000}.mode-empty{background:#fff8;border-radius:12px;padding:14px;font-weight:700;margin-top:auto!important}.review-summary{align-items:center;gap:13px;margin-top:auto;display:flex}.review-summary strong{color:#286884;font:54px/1 Georgia,serif}.review-summary span{color:#52717e;font-size:14px}.deck:nth-child(4n+1) .deck-icon{background:#397b9d}.deck:nth-child(4n+2) .deck-icon{background:#d96751}.deck:nth-child(4n+3) .deck-icon{background:#8a6bb1}.deck:nth-child(4n+4) .deck-icon{background:#bf8a32}.deck{border-top-width:3px}.deck:hover{transform:translateY(-4px);box-shadow:0 14px 30px #193d3420}@media (width<=820px){.mode-grid{grid-template-columns:1fr}.modes-title{align-items:flex-start}.modes-title>p{text-align:left}.mode-card{min-height:350px}}@media (width<=720px){.hero:before,.hero-spark{display:none}.study-modes{margin-top:42px}.mode-card{padding:22px}.mode-card .mode-start{grid-template-columns:1fr}.mode-button-new{width:100%}.modes-title{display:block}.modes-title>p{margin-top:8px}.mode-card h3{font-size:27px}}.deck-wrap{position:relative}.deck-wrap:nth-child(4n+1) .deck-icon{background:#397b9d}.deck-wrap:nth-child(4n+2) .deck-icon{background:#d96751}.deck-wrap:nth-child(4n+3) .deck-icon{background:#8a6bb1}.deck-wrap:nth-child(4n+4) .deck-icon{background:#bf8a32}.deck-wrap .deck{border-top-width:3px;height:100%;padding-right:64px}.deck-delete{color:#9aaaa4;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;transition:all .18s;display:grid;position:absolute;top:14px;right:14px}.deck-delete svg{width:16px;height:16px}.deck-delete:hover{color:#b33d36;background:#fff0ed;border-color:#efc6c1}.deck-delete:focus-visible{outline-offset:2px;outline:3px solid #77b7a5}.home-page .hero h1,.home-page .section-title h2,.home-page .mode-card h3,.home-page .hero-card .hanzi{color:#19332d}.home-page .hero h1 em{color:#367362}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--theme-bg:#f8f6f0;--theme-surface:#fffdfa;--theme-surface-soft:#f1f7f4;--theme-text:#19332d;--theme-heading:#19332d;--theme-muted:#5d6b66;--theme-surface-text:#19332d;--theme-surface-heading:#19332d;--theme-surface-muted:#5d6b66;--theme-header-text:#19332d;--theme-accent:#28705d;--theme-danger:#a33e38;--theme-border:#d9ddd7;--theme-header:#f7f5efef;--theme-shadow:#193d3420;--theme-input:#fff;--theme-new-card:linear-gradient(145deg,#fff4ec,#ffe7dc);--theme-review-card:linear-gradient(145deg,#edf8fb,#dceff6);--theme-new-heading:#7f3d31;--theme-review-heading:#285f79}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-bg:#f8f6f0;--theme-surface:#172620;--theme-surface-soft:#20372f;--theme-text:#19332d;--theme-heading:#19332d;--theme-muted:#5d6b66;--theme-surface-text:#edf4f0;--theme-surface-heading:#fff;--theme-surface-muted:#b3c4bd;--theme-header-text:#edf4f0;--theme-accent:#8ed8c0;--theme-danger:#ff9b94;--theme-border:#3d544b;--theme-header:#101c18f2;--theme-shadow:#0008;--theme-input:#102019;--theme-new-card:linear-gradient(145deg,#3a2823,#2b211e);--theme-review-card:linear-gradient(145deg,#18313d,#142832);--theme-new-heading:#ffb29f;--theme-review-heading:#9ed9f4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-bg:#f8f6f0;--theme-surface:#172620;--theme-surface-soft:#20372f;--theme-text:#19332d;--theme-heading:#19332d;--theme-muted:#5d6b66;--theme-surface-text:#edf4f0;--theme-surface-heading:#fff;--theme-surface-muted:#b3c4bd;--theme-header-text:#edf4f0;--theme-accent:#8ed8c0;--theme-danger:#ff9b94;--theme-border:#3d544b;--theme-header:#101c18f2;--theme-shadow:#0008;--theme-input:#102019;--theme-new-card:linear-gradient(145deg,#3a2823,#2b211e);--theme-review-card:linear-gradient(145deg,#18313d,#142832);--theme-new-heading:#ffb29f;--theme-review-heading:#9ed9f4}}:root,body{color:var(--theme-text);background:var(--theme-bg)!important}body{min-height:100vh}header{color:var(--theme-header-text);border-color:var(--theme-border);background:var(--theme-header)!important}.form-card,.settings,.study-card,.new-word-grid article,.triple-prompt,.auth-modal,.deck,.button,.icon-button,.answer-grid button,.matching-board button,.triple-options button{background:var(--theme-surface);color:var(--theme-surface-text);border-color:var(--theme-border)}.button.primary{background:var(--theme-accent);color:#fff;border-color:var(--theme-accent)}.header-auth{color:inherit}.auth-close{color:var(--theme-surface-text)}.reveal{color:var(--theme-accent)}input,select,textarea{border-color:var(--theme-border);background:var(--theme-input)!important;color:var(--theme-surface-text)!important}.page-title,.section-title h2,.settings h2,.auth-modal h2{color:var(--theme-heading)}.settings h2,.auth-modal h2{color:var(--theme-surface-heading)}.lead,.privacy{color:var(--theme-muted)}.auth-intro,.settings-hint,.deck p,.deck small{color:var(--theme-surface-muted)}.auth-modal{box-shadow:0 28px 80px var(--theme-shadow)}.cloud-status{background:var(--theme-surface-soft);color:var(--theme-surface-text)}.auth-modal .eyebrow,.settings .eyebrow{color:var(--theme-accent)}.danger{color:var(--theme-danger)!important}.home-page{color:var(--theme-text)}.home-page .hero h1,.home-page .section-title h2{color:var(--theme-heading)!important}.home-page .hero-card .hanzi{color:var(--theme-surface-heading)!important}.home-page .hero>div>p:not(.eyebrow),.home-page .modes-title>p{color:var(--theme-muted)}.home-page .hero-card{background:var(--theme-surface);color:var(--theme-surface-text);border-color:var(--theme-border)}.home-page .mode-card-new{background:var(--theme-new-card);border-color:var(--theme-border)}.home-page .mode-card-review{background:var(--theme-review-card);border-color:var(--theme-border)}.home-page .mode-card-new h3{color:var(--theme-new-heading)!important}.home-page .mode-card-review h3{color:var(--theme-review-heading)!important}.home-page .mode-card p,.home-page .mode-card .mode-start label{color:var(--theme-surface-muted)}.home-page .review-summary strong{color:var(--theme-review-heading)}.home-page .review-summary span{color:var(--theme-surface-muted)}:root[data-theme=light] .primary,:root[data-theme=light] .mode-button-new,:root[data-theme=light] .mode-button-review,:root[data-theme=light] .practice-button{color:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mode-badge,:root:not([data-theme=light]) .review-options select{color:var(--theme-surface-text);background:#ffffff24;border-color:#fff5}}:root[data-theme=dark] .mode-badge,:root[data-theme=dark] .review-options select{color:var(--theme-surface-text);background:#ffffff24;border-color:#fff5}:root[data-theme=dark] .button.primary{color:#10251e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .button.primary{color:#10251e}}.mini-card{color:var(--theme-surface-text);border-color:var(--theme-border);background:var(--theme-surface)!important}.mini-card>span,.mini-card>p{color:var(--theme-surface-muted)}.mini-card>b{color:var(--theme-surface-heading)}.mini-card .mini-example{background:var(--theme-surface-soft);color:var(--theme-surface-text)}.mini-card .mini-example strong{color:var(--theme-surface-heading)}.mini-card .mini-example p,.word-learning-progress small{color:var(--theme-surface-muted)}.mini-card .mini-example>span{background:color-mix(in srgb, var(--theme-accent) 18%, transparent);color:var(--theme-accent)}.mini-card.is-learned{border-left:4px solid #3b956d;background:var(--theme-surface-soft)!important}.word-learning-progress{gap:5px;display:grid}.word-learning-progress>div{background:#dfe6e1;border-radius:10px;height:8px;overflow:hidden}.word-learning-progress>div>span{border-radius:inherit;background:linear-gradient(90deg,#e3aa42,#3b956d);height:100%;transition:width .25s;display:block}.word-learning-progress small{font-size:11px;line-height:1.2}@media (width<=720px){.word-learning-progress{grid-column:2/4}.word-learning-progress small{display:block}}.app-loading{min-height:45vh;color:var(--theme-muted);place-content:center;justify-items:center;gap:10px;display:grid}.app-loading span{background:var(--green);color:#fff;border-radius:17px;place-items:center;width:58px;height:58px;font-size:28px;animation:1.2s ease-in-out infinite alternate loading-pulse;display:grid}@keyframes loading-pulse{to{opacity:.72;transform:scale(.92)}}.writing-actions{grid-template-columns:minmax(150px,.7fr) minmax(260px,1.3fr);gap:10px;display:grid}.skip-writing{color:var(--theme-surface-muted);font-size:13px}@media (width<=620px){.writing-actions{grid-template-columns:1fr}}.daily-exercise-heading{background:#e8f2ee;border-left:5px solid #3b806d;border-radius:10px;gap:4px;margin-bottom:16px;padding:15px 18px;display:grid}.daily-exercise-heading span{color:#397462;letter-spacing:1.5px;font-size:11px;font-weight:800}.daily-exercise-heading b{font-size:18px}.daily-exercise-heading small{color:#5c6d67}.matching-review-card{border:1px solid var(--line);background:var(--theme-surface);color:var(--theme-surface-text);text-align:center;border-radius:24px;padding:32px}.matching-review-card h2{margin:5px 0 12px}.matching-review-hanzi{color:var(--theme-surface-heading);margin:8px 0 24px;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:82px}.matching-review-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.matching-review-options button{border:2px solid var(--theme-border);background:var(--theme-surface-soft);min-height:64px;color:var(--theme-surface-text);cursor:pointer;border-radius:12px;padding:12px;font-size:19px}.writing-card,.context-card{background:var(--theme-surface);color:var(--theme-surface-text);border-color:var(--theme-border)}.writing-card h2,.context-card h2,.context-chinese{color:var(--theme-surface-heading)}.matching-review-options button.correct{color:#17603f;background:#dff4e9;border-color:#38986d}.matching-review-options button.wrong{color:#8c2f2a;background:#fde7e4;border-color:#cc5a52}.matching-review-card .match-feedback{border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:14px;display:flex}.matching-result-answer{text-align:left;gap:3px;display:grid}.matching-result-answer .tone-pinyin{font-size:18px}.translation-answer-pinyin{text-align:center;margin:10px auto;font-weight:700}.translation-answer-pinyin>span{color:var(--theme-muted);margin-right:5px;font-size:13px}.matching-review-card .match-feedback.correct{color:#17603f;background:#e4f4eb}.matching-review-card .match-feedback.wrong{color:#8c2f2a;background:#fde7e4}@media (width<=620px){.matching-review-options{grid-template-columns:1fr}.matching-review-card .match-feedback{flex-direction:column;align-items:stretch}}.review-options{grid-template-columns:1fr;gap:12px;display:grid}.review-deck-select{width:100%}.review-mode-list{gap:9px;display:grid}.review-mode-option{border:1px solid var(--theme-border);background:var(--theme-surface);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.review-mode-option>div{gap:3px;display:grid}.review-mode-option b{color:var(--theme-surface-heading)}.review-mode-option small,.review-global-option small{color:var(--theme-surface-muted);line-height:1.3}.review-mode-option.practice{background:var(--theme-surface-soft);border-color:#9bcdbd;grid-template-columns:minmax(0,1fr) 105px auto}.review-mode-option.practice b{color:var(--theme-accent)}.review-mode-option select{min-width:0}.review-secondary{grid-template-columns:1fr 1fr;gap:9px;display:grid}.review-global-option{border:1px solid var(--theme-border);background:var(--theme-surface);border-radius:14px;gap:4px;min-height:82px;padding:13px;display:grid}.review-global-option b{color:var(--theme-surface-heading);justify-content:space-between;display:flex}.review-global-option b span{text-align:center;background:#e3eff3;border-radius:999px;min-width:28px;padding:2px 7px}.review-global-option.forgotten-button{border-color:#d99a72!important}.review-global-option.forgotten-button b{color:#9a5630}@media (width<=720px){.review-mode-option,.review-mode-option.practice{grid-template-columns:1fr}.review-mode-option .button{width:100%}.review-secondary{grid-template-columns:1fr}}.daily-minimum{box-shadow:0 14px 34px var(--theme-shadow);background:linear-gradient(125deg,#fff5df,#f1faf5);border:1px solid #e3b56c;border-radius:17px;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:12px;margin:-30px 0 28px;padding:11px;display:grid}.daily-minimum-main{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:5px 7px;display:grid}.daily-minimum-icon{color:#fff;background:#e87b4b;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.daily-minimum-icon svg{width:21px;height:21px}.daily-minimum h2{color:#5e3926;margin:0 0 2px;font:22px Georgia,serif}.daily-minimum .eyebrow{margin:0;font-size:10px}.daily-minimum-main p:last-child{color:#695f58;margin:0;font-size:13px}.daily-minimum-button{white-space:nowrap;color:#fff!important;background:#c85835!important;border-color:#c85835!important}.daily-done{color:#216344;white-space:nowrap;background:#dff2e7;border-radius:11px;padding:10px 14px;font-weight:800}.study-calendar{background:var(--theme-surface);color:var(--theme-surface-text);border-radius:12px;padding:8px 10px}.calendar-title{text-transform:capitalize;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.calendar-title svg{width:14px;height:14px}.calendar-title>div,.calendar-title>span{align-items:center;gap:6px;display:flex}.calendar-title>span{color:#b95835;font-size:13px}.calendar-weekdays,.calendar-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-weekdays span{color:var(--theme-surface-muted);padding:1px;font-size:9px;font-weight:700}.calendar-days span,.calendar-days i{border-radius:6px;place-items:center;height:21px;font-size:10px;font-style:normal;display:grid;position:relative}.calendar-days span{background:var(--theme-surface-soft)}.calendar-days span.active{color:#1e6644;background:#dff1e7;font-weight:800}.calendar-days span.today{box-shadow:inset 0 0 0 2px #d47646}.calendar-days small{color:#2c8a60;font-size:8px;position:absolute;bottom:0;right:2px}@media (width<=850px){.daily-minimum{grid-template-columns:1fr;margin-top:-10px}}@media (width<=570px){.daily-minimum-main{grid-template-columns:auto 1fr}.daily-minimum-main>:last-child{text-align:center;grid-column:1/-1;width:100%}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .daily-minimum{background:linear-gradient(125deg,#3a291f,#18332a);border-color:#795239}:root:not([data-theme=light]) .daily-minimum h2{color:#ffd2ae}:root:not([data-theme=light]) .daily-minimum-main p:last-child{color:#d2c2b7}}:root[data-theme=dark] .daily-minimum{background:linear-gradient(125deg,#3a291f,#18332a);border-color:#795239}:root[data-theme=dark] .daily-minimum h2{color:#ffd2ae}:root[data-theme=dark] .daily-minimum-main p:last-child{color:#d2c2b7}.worksheet-button{white-space:nowrap}.worksheet-dialog{gap:18px;display:grid}.worksheet-dialog h2{margin-bottom:0}.worksheet-dialog-field{gap:8px;font-weight:700;display:grid}.worksheet-dialog-field select{width:100%}.worksheet-grid-options{border:0;gap:10px;padding:0;display:grid}.worksheet-grid-options legend{margin-bottom:8px;font-weight:800}.worksheet-grid-options label{border:1px solid var(--theme-border);cursor:pointer;border-radius:12px;grid-template-columns:auto 58px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.worksheet-grid-options label:has(input:checked){border-color:var(--theme-accent);background:var(--mint)}.worksheet-grid-options label>span:last-child{gap:3px;display:grid}.worksheet-grid-options small{color:var(--muted)}.worksheet-grid-preview{aspect-ratio:1;background:var(--paper);border:1px solid;width:54px;position:relative}.worksheet-grid-preview:before,.worksheet-grid-preview:after,.worksheet-grid-preview i{content:"";position:absolute}.worksheet-grid-preview:before{border-left:1px dashed #95a29d;top:0;bottom:0;left:50%}.worksheet-grid-preview:after{border-top:1px dashed #95a29d;top:50%;left:0;right:0}.worksheet-grid-preview.diagonal i:first-child{background:linear-gradient(45deg,#0000 49%,#b5beba 50%,#0000 51%);inset:0}.worksheet-grid-preview.diagonal i:nth-child(2){background:linear-gradient(-45deg,#0000 49%,#b5beba 50%,#0000 51%);inset:0}.worksheet-page{max-width:1040px;margin:auto}.worksheet-toolbar{background:var(--theme-surface);color:var(--theme-surface-text);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px;display:flex}.worksheet-toolbar-actions{gap:10px;display:flex}.worksheet-sheet{gap:24px;width:210mm;margin:auto;font-family:Arial,Microsoft YaHei,sans-serif;display:grid}.worksheet-paper{color:#17211d;background:#fff;flex-direction:column;width:210mm;height:297mm;padding:14mm 13mm 12mm;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #1223}.worksheet-content{flex:1}.worksheet-page-number{color:#66736e;font-size:10px;line-height:1;position:absolute;bottom:6mm;right:13mm}.worksheet-header{z-index:auto;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-bottom:1px solid #aebbb6;align-items:center;width:100%;height:auto;padding:0 0 2mm;display:flex;position:static;color:#17211d!important;background:#fff!important}.worksheet-header b{font-size:13px;color:#53625d!important}.worksheet-word{margin-top:3mm}.worksheet-word-title{grid-template-columns:7mm 32mm 1fr auto;align-items:baseline;gap:3mm;margin-bottom:1.5mm;display:grid}.worksheet-word-title>span{color:#87908d;font-size:11px}.worksheet-word-title .tone-pinyin{font-size:16px;font-weight:700}.worksheet-word-title>b{color:#596460;font-size:12px;font-weight:500}.worksheet-word-title>strong{font-family:Microsoft YaHei,SimSun,sans-serif;font-size:18px}.worksheet-line{grid-template-columns:repeat(12,1fr);margin-top:-1px;display:grid}.worksheet-cell{aspect-ratio:1;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;border:1px solid #52615c;position:relative;overflow:hidden}.worksheet-cell.diagonal{background-color:#fff;background-image:linear-gradient(45deg,#0000 49.35%,#c7cfcc 49.7% 50.3%,#0000 50.65%),linear-gradient(-45deg,#0000 49.35%,#c7cfcc 49.7% 50.3%,#0000 50.65%)}.worksheet-cell:before,.worksheet-cell:after,.worksheet-cell i{content:"";pointer-events:none;position:absolute}.worksheet-cell:before{border-left:.35px dashed #c4cbc8;top:0;bottom:0;left:50%}.worksheet-cell:after{border-top:.35px dashed #c4cbc8;top:50%;left:0;right:0}.worksheet-cell i{display:none}.worksheet-cell span{z-index:1;place-items:center;font-family:Microsoft YaHei,SimSun,sans-serif;font-size:8mm;line-height:1;display:grid;position:absolute;inset:0}.worksheet-cell.trace span{color:#c2c8c5}@media (width<=900px){.worksheet-sheet{width:100%}.worksheet-paper{width:100%;height:auto;min-height:calc(141.4vw - 56.56px);padding:20px}.worksheet-toolbar{flex-direction:column;align-items:stretch}.worksheet-toolbar-actions{grid-template-columns:1fr;display:grid}}@media print{@page{size:A4 portrait;margin:0}body{background:#fff!important}body>#root>header,.worksheet-toolbar{display:none!important}main{max-width:none!important;padding:0!important}.worksheet-sheet{width:210mm;margin:0;display:block}.worksheet-paper{width:210mm;height:297mm;box-shadow:none;break-after:page;page-break-after:always;margin:0;padding:14mm 13mm 12mm}.worksheet-paper:last-child{break-after:auto;page-break-after:auto}}