:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#243c35;background:#f5f7f8;font-synthesis:none;font-weight:400;line-height:1.6;letter-spacing:0;--green: #147d64;--green-dark: #0c5d4b;--muted: #75847f;--line: #e1e9e5;--safe-bottom: env(safe-area-inset-bottom, 0px)}.auth-page{width:min(100%,440px);min-height:100dvh;margin:auto;padding:72px 24px 40px}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:36px}.auth-brand img{width:56px;height:56px;object-fit:contain}.auth-brand h1{font-size:28px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:28px}.auth-tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:12px;font-size:17px}.auth-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green);font-weight:700}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form>label:not(:first-child){margin-top:12px}.auth-form input{width:100%;min-width:0;height:48px;border:1px solid #bdcdc5;background:#fff;border-radius:6px;padding:10px 12px;font-size:16px}.password-field{display:flex;align-items:center;position:relative}.captcha-field{display:grid;grid-template-columns:minmax(0,1fr) 156px;gap:10px;align-items:center}.captcha-field input{text-transform:uppercase;min-width:0}.captcha-image{display:grid;place-items:center;width:156px;height:54px;padding:0;overflow:hidden;border:1px solid #bdcdc5;border-radius:4px;background:#f2f7f5;color:#147d64}.captcha-image img{display:block;width:100%;height:100%;object-fit:contain}.password-field input{padding-right:50px}.password-field button{position:absolute;right:4px;background:transparent;border:0}.auth-form>.primary{margin-top:20px;min-height:48px;justify-content:center}.field-hint{color:var(--muted);font-size:13px}.form-error{color:#b42318;font-size:14px;overflow-wrap:anywhere}.account-section{margin-bottom:24px}.account-name{font-size:18px;font-weight:650;margin:16px 0;overflow-wrap:anywhere}.account-name span{display:inline-block;font-size:12px;color:var(--green);font-weight:400;margin-left:16px}.account-actions{display:flex;flex-wrap:wrap;gap:10px}.account-actions button{font-size:14px;min-height:44px}.account-section>.form-error,.account-section>[role=status]{margin-top:12px}.password-form{padding:20px}.account-confirm{padding:20px;overflow-wrap:anywhere}.rail-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*{box-sizing:border-box;letter-spacing:0}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7ccdb7;outline-offset:3px}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:750;line-height:1.3}h2{font-size:21px;line-height:1.4}h3{font-size:13px;color:var(--muted);font-weight:500}input,select{color:#243c35}input[type=number]{width:78px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#fff}select{max-width:100%;min-width:0;border:1px solid var(--line);background:#fff;border-radius:6px;padding:9px 28px 9px 10px}input[type=range]{accent-color:var(--green);min-width:0}progress{height:5px;width:100%;border:0;border-radius:5px;overflow:hidden;background:#e2ebe6;accent-color:var(--green)}progress::-webkit-progress-bar{background:#e2ebe6}progress::-webkit-progress-value{background:var(--green)}.app-shell{max-width:1440px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100dvh}.rail{position:sticky;top:0;height:100dvh;padding:32px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fff}.brand{display:flex;gap:11px;align-items:center;margin:0 5px 52px;font-size:18px;font-weight:750}.brand img{width:38px;height:38px;object-fit:contain;border-radius:8px}.brand small{display:block;color:#91a29a;font-size:9px;font-weight:500;margin-top:2px}.rail nav{display:flex;flex-direction:column;gap:10px}.nav-item{border:0;background:transparent;border-radius:7px;display:flex;align-items:center;gap:13px;padding:14px 13px;text-align:left;color:#73857c;white-space:nowrap;font-size:14px;font-weight:550;min-height:50px}.nav-item svg{width:21px;height:21px}.nav-item.selected{color:var(--green);background:#e9f5ef;font-weight:700}.nav-item.selected svg{stroke-width:2.4}.nav-item b{margin-left:auto;background:#dbeee5;border-radius:5px;padding:0 5px;font-size:11px;max-width:36px;overflow:hidden}.rail-foot{margin-top:auto;color:#84958d;font-size:11px;padding:10px;display:flex;gap:8px;align-items:center}.local-dot,.summary-title i{width:6px;height:6px;border-radius:50%;background:#54b396;display:inline-block}.main-content{width:100%;max-width:1040px;padding:38px 48px 70px;margin:0 auto;min-width:0}.page-header{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:28px}.date-label{font-size:11px;font-weight:600;color:#84958c;margin-bottom:7px}.date-label span{margin-left:10px;font-weight:400}.header-mark{display:none}.header-stats{display:flex;gap:30px;font-size:11px;color:#8b9993;align-self:end;text-align:right}.header-stats strong{font-size:19px;color:#365148;display:block;line-height:1.5;font-weight:650}.primary,.secondary{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:11px 20px;min-height:46px;border-radius:7px;border:1px solid transparent;font-size:14px;font-weight:650;text-decoration:none}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:var(--green-dark)}.secondary{background:#fff;border-color:var(--line);color:#476459}.large{padding:14px 30px}.icon-button{width:42px;height:42px;min-width:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid var(--line);background:#fff;color:var(--green);padding:0}.icon-button svg{width:21px;height:21px}.icon-button:hover:not(:disabled){background:#e9f5ef;border-color:#9bcab8}.text-button{display:inline-flex;align-items:center;gap:3px;background:none;border:0;color:var(--muted);font-size:13px;padding:12px}.inline-actions{display:flex;gap:8px}.inline-actions .icon-button{border-color:transparent;background:#f0f7f3}.day-summary{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:24px}.summary-title{display:flex;align-items:center;gap:9px;font-size:13px;color:#638074}.day-summary>strong{font-size:22px;font-weight:650;line-height:1}.day-summary small{font-size:13px;font-weight:400;color:#91a198}.summary-side{margin-left:auto;color:#7f8e87;font-size:12px}.summary-side b{color:#c67b52;margin-left:7px;font-size:16px}.phase-line{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;font-size:12px;color:#8b9c93;min-height:42px}.phase-tabs{display:flex;align-items:center;gap:15px}.phase-tabs span{display:flex;gap:7px;align-items:center}.phase-tabs span b{display:inline-flex;justify-content:center;align-items:center;width:21px;height:21px;border:1px solid #d4dfd8;font-size:10px;border-radius:50%;font-weight:500}.phase-tabs span.active{color:var(--green);font-weight:600}.phase-tabs span.active b{background:var(--green);border-color:var(--green);color:#fff}.phase-tabs i{width:27px;height:1px;background:#d8e2db}.preview-surface{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.character-info{padding:22px 36px 26px}.character-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.tag{color:#88978e;font-size:11px}.character{font-family:Kaiti SC,STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:118px;text-align:center;font-weight:650;color:#234e40;line-height:1.3;margin:15px auto 0;width:180px;min-height:153px}.pinyin{text-align:center;color:var(--green);font-size:25px;font-weight:500;margin-bottom:24px}.character-meta{max-width:470px;margin:auto}.character-meta>div{display:flex;gap:25px;align-items:flex-start;margin:9px 0}.character-meta>div>span{color:#8d9b94;min-width:64px;font-size:12px;padding-top:4px}.character-meta strong{font-size:20px;font-weight:500;overflow-wrap:anywhere}.strokes{display:flex;flex-wrap:wrap;gap:4px}.strokes b{font-weight:500;font-size:21px;line-height:1.5;padding:0 2px;color:#5f7469}.strokes .active-stroke{color:#107b62;background:#dff2e8;border-radius:3px}.stroke-control{max-width:470px;margin:12px auto 22px;display:flex;align-items:center;gap:9px;color:#829389;font-size:10px}.stroke-control label{display:flex;align-items:center;gap:7px;flex:1;white-space:nowrap}.stroke-control input{flex:1;width:100%}.stroke-control>span{min-width:38px;text-align:center}.stroke-control .icon-button{height:27px;width:27px;min-width:27px;border:0;background:#f5f8f6}.stroke-control .icon-button svg{width:15px}.definition,.example,.words{margin-top:22px;padding-top:20px;border-top:1px solid #edf1ee}.definition p{font-size:19px;font-weight:550;margin-top:7px;line-height:1.8}.example p{font-size:16px;color:#63776c;margin-top:7px;line-height:1.9}.words h3{margin-bottom:8px}.word-item{padding:13px 0;border-bottom:1px dashed var(--line)}.word-item:last-child{border-bottom:0;padding-bottom:0}.word-item>strong{color:#26765b;font-size:18px}.word-item p{font-size:14px;margin-top:5px;color:#54695e}.word-item .word-example{color:#91a097;font-size:13px}.source-note{font-size:11px;color:#8b9a91;margin-top:22px}.source-note summary{cursor:pointer}.source-note p{padding-top:7px}.preview-navigation{display:flex;flex-direction:column;align-items:center;margin-top:18px;gap:12px}.preview-navigation>span{align-self:flex-start;font-size:11px;color:#94a097;max-width:100%;overflow-wrap:anywhere}.preview-navigation>div{display:flex;align-items:center;gap:16px;color:#91a097;font-size:12px}.preview-navigation .icon-button{width:46px;height:46px;background:#eaf4ee;border-color:#d1e6d9}.preview-navigation .icon-button:hover:not(:disabled){background:#d9ebdf}.empty-state,.ready-view,.completed{display:flex;align-items:center;flex-direction:column;text-align:center;min-height:460px;justify-content:center;padding:35px 15px}.empty-state img{width:78px;height:78px;border-radius:15px;margin-bottom:26px}.empty-state h2{margin-bottom:22px}.ready-symbol{font-size:100px;line-height:1.5;font-family:Kaiti SC,KaiTi,serif;color:#1e7057;font-weight:700;margin:5px 0 20px}.ready-view h2{font-size:24px}.ready-view p{font-size:13px;color:#87998e;margin:15px 0 30px}.completion-seal{width:80px;height:80px;display:grid;place-items:center;background:#e1f2e8;color:#21805f;border-radius:50%;margin-bottom:25px}.completed h2{font-size:25px}.completed p{font-size:13px;color:#85988a;margin:15px 0 30px}.quiz-progress{margin:4px 0 20px}.quiz-progress>div{display:flex;justify-content:space-between;font-size:12px;color:#89968e;margin-bottom:7px}.quiz-progress b{color:#3f6956;margin-left:5px}.quiz-surface{background:#fff;border:1px solid var(--line);border-radius:8px;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 30px;gap:30px}.question-type{font-size:12px;color:#8b9a90}.quiz-surface h2{font-size:30px;line-height:1.75;word-break:break-word;overflow-wrap:anywhere;color:#234d3f;white-space:pre-wrap}.quiz-surface h2.single-character{font-family:Kaiti SC,KaiTi,serif;font-size:82px;line-height:1.2}.answer-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.answer-option{min-height:80px;display:flex;gap:12px;align-items:center;padding:17px 18px;background:#fff;border:1px solid #dce6df;border-radius:7px;text-align:left;font-size:18px;line-height:1.65;min-width:0;overflow-wrap:anywhere}.answer-option>span:nth-child(2){flex:1;min-width:0}.answer-option .option-letter{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#f2f6f3;color:#90a195;font-size:11px;flex-shrink:0}.answer-char{font-family:Kaiti SC,KaiTi,serif;font-size:32px}@media(hover:hover)and (pointer:fine){.answer-option:hover:not(:disabled):not(.correct):not(.wrong){border-color:#86938b}}.answer-option.correct,.answer-option.correct:disabled{opacity:1;background:#e6f6eb;border-color:#47a978;color:#217346}.answer-option.wrong{background:#fff0ee;border-color:#df8c82;color:#b95045}.answer-option:disabled{opacity:.7}.answer-option>svg{width:19px;height:19px}.answer-feedback{min-height:34px;margin-top:15px;text-align:center;font-size:13px}.success{color:#278058}.error{color:#c1594b}.search-box{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:4px 13px;min-height:46px;color:#8c9e92}.search-box input{border:0;outline:0;min-width:0;flex:1;background:transparent;padding:8px 0;font-size:14px}.search-box .icon-button{border:0;width:26px;min-width:26px;height:26px}.library-filters{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px;margin-top:13px}.library-filters select{font-size:12px;width:100%}.list-summary{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px;color:#85978a;font-size:12px;gap:10px}.list-summary label{display:flex;align-items:center;min-width:0;gap:5px}.list-summary select{border:0;background:transparent;padding:2px 0;font-size:11px;color:#66816f;max-width:150px}.library-table{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.library-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 75px 85px;gap:12px;align-items:center;padding:17px 16px;border:0;border-bottom:1px solid #eef2ef;background:transparent;text-align:left}.library-row:last-child{border-bottom:0}.library-row:hover:not(.library-head){background:#f6fbf7}.library-head{font-size:11px;color:#93a093;background:#f0f5f1;padding-top:12px;padding-bottom:12px}.library-head>span:not(:first-child){text-align:center}.entry-name{display:flex;align-items:center;gap:18px;min-width:0}.entry-name>strong{font-size:34px;line-height:1.2;font-family:Kaiti SC,KaiTi,serif;width:38px;flex-shrink:0;text-align:center;color:#365e49}.entry-name>div{min-width:0}.entry-name b{font-size:14px;color:#47735b;font-weight:500}.entry-name p{font-size:12px;color:#788a7d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.entry-name small{font-size:10px;color:#a2aea4;display:block;margin-top:5px}.error-count{text-align:center;font-size:15px;color:#a1ada4}.error-count.has-errors{color:#c17851;font-weight:650}.passed-tag,.pending-tag{font-size:11px;text-align:center;display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap}.passed-tag{color:#298365}.pending-tag{color:#a6b1a8}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:22px 0;color:#879a8b;font-size:12px}.empty-list{padding:70px 0;text-align:center;color:#8c9d91}.empty-list p{margin-top:15px}.settings-view{max-width:760px}.settings-section{border-top:1px solid var(--line);padding:23px 0 20px}.settings-section h2{display:flex;gap:10px;align-items:center;font-size:16px;font-weight:650;margin-bottom:18px;color:#3d6350}.settings-section h2 svg{color:#589579}.setting-field{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:55px;font-size:14px}.setting-field select{max-width:62%;font-size:13px}.number-field{display:flex;gap:10px;align-items:center;color:#9aa79c;font-size:12px}.number-field input{font-size:16px;text-align:center}.switch{appearance:none;width:44px;height:25px;min-width:44px;position:relative;border-radius:20px;background:#d5ded8;border:0;transition:background .15s;cursor:pointer;margin:0}.switch:before{content:"";width:19px;height:19px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0002;transition:transform .15s}.switch:checked{background:var(--green)}.switch:checked:before{transform:translate(19px)}.save-settings{margin-bottom:26px;min-width:130px}.data-count{font-size:12px;color:#8c9e90;margin:-7px 0 18px}.data-count strong{font-size:17px;color:#476f57;margin:0 3px}.import-row{display:flex;width:100%;align-items:center;gap:14px;padding:16px 0;border:0;border-bottom:1px solid #e8ede9;background:transparent;text-align:left}.import-row>svg:first-child{color:#608e74;width:21px}.import-row>span{font-size:14px;flex:1;min-width:0}.import-row small{display:block;font-size:11px;color:#98a599;margin-top:5px}.import-row>svg:last-child{width:16px;color:#9cab9f}.intervals{display:flex;flex-wrap:wrap;gap:20px;color:#a3aea5;font-size:10px}.intervals b{display:inline;font-size:21px;color:#6e977e;font-weight:500;margin-right:3px}.data-note{font-size:11px;line-height:1.9;color:#9ba79f;margin-top:24px}.version{font-size:10px;color:#acb6af;margin-top:28px}.modal{border:1px solid var(--line);border-radius:8px;padding:0;width:min(660px,calc(100% - 24px));max-height:calc(100dvh - 36px);background:#fff;color:#243c35;overscroll-behavior:contain}.modal::backdrop{background:#17352e66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal>header{position:sticky;top:0;z-index:2;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 22px;border-bottom:1px solid var(--line)}.modal>header h2{font-size:17px}.modal>header .icon-button{border:0;background:#f4f7f5;width:34px;height:34px;min-width:34px}.modal .character-info{padding-top:20px}.detail-stats{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin:0 25px;padding:18px 0;font-size:12px;color:#7d9684}.writing-title{display:flex;align-items:center;gap:15px;padding:20px 25px}.writing-title>strong{font-size:35px}.writing-title>span{color:#589477;font-size:18px}.writing-title .icon-button{margin-left:auto}.writing-grid{position:relative;aspect-ratio:1;max-width:390px;margin:0 auto;border:1px solid #d9e5dd;background:linear-gradient(45deg,transparent calc(50% - .5px),#e5ebe6 50%,transparent calc(50% + .5px)),linear-gradient(-45deg,transparent calc(50% - .5px),#e5ebe6 50%,transparent calc(50% + .5px));width:calc(100% - 48px)}.writing-grid:before,.writing-grid:after{content:"";position:absolute;pointer-events:none}.writing-grid:before{top:50%;left:0;width:100%;border-top:1px dashed #d9e4dc}.writing-grid:after{left:50%;top:0;height:100%;border-left:1px dashed #d9e4dc}.writing-grid>span{position:absolute;inset:0;display:grid;place-items:center;font-family:Kaiti SC,KaiTi,serif;font-size:220px;line-height:1;color:#e2ece5;-webkit-user-select:none;user-select:none}.writing-grid canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.writing-strokes{margin:18px 25px;font-size:18px;color:#6c8e77;overflow-wrap:anywhere}.writing-strokes>span{float:right;font-size:12px;color:#9eaaa1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px;border-top:1px solid var(--line);flex-wrap:wrap}.restore-content{padding:25px;font-size:14px;line-height:1.9}.restore-content svg{color:#c18b46;margin-bottom:15px}.restore-content p+p{margin-top:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:50;background:#234638;color:#fff;border-radius:7px;padding:13px 12px 13px 19px;box-shadow:0 6px 24px #19392a22;display:flex;align-items:center;gap:12px;max-width:calc(100% - 30px);width:max-content;font-size:13px}.toast .icon-button{border:0;background:transparent;color:#bdd8c7;width:25px;height:25px;min-width:25px}.busy-overlay{position:fixed;inset:0;background:#18352d66;z-index:100;display:grid;place-items:center;padding:25px}.busy-overlay>div{background:#fff;border-radius:8px;padding:30px;width:300px;display:flex;flex-direction:column;align-items:center;gap:22px;color:#54826b}.busy-overlay strong{font-size:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-screen,.loading-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:24px;text-align:center}.loading-screen img{width:75px;height:75px;border-radius:12px}.loading-screen h1{font-size:23px}.loading-screen p{font-size:13px;color:#8e9e93}.error-screen p{max-width:500px}@media(min-width:1200px){.preview-surface .character-info{padding-left:58px;padding-right:58px}.main-content{padding-left:65px;padding-right:65px}}@media(max-width:950px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.rail{padding:30px 12px}.brand{gap:8px;font-size:16px}.brand img{width:32px;height:32px}.brand small{font-size:8px}.nav-item{gap:9px;padding:13px 10px}.main-content{padding:30px 28px 60px}.header-stats{gap:16px}.date-label span{display:none}.character-info{padding:20px 24px}.answer-option{font-size:17px;padding:14px 13px}.library-row{gap:8px;grid-template-columns:minmax(0,1fr) 64px 64px;padding:15px 10px}.entry-name{gap:12px}}@media(max-width:700px){.app-shell{display:block}.rail{position:fixed;inset:auto 0 0;height:auto;z-index:20;padding:8px 10px calc(8px + var(--safe-bottom));border-right:0;border-top:1px solid #e2ebe5;background:#ffffffef;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.rail .brand,.rail-foot{display:none}.rail nav{flex-direction:row;gap:2px;justify-content:space-around}.nav-item{position:relative;flex:1;flex-direction:column;gap:3px;justify-content:center;padding:6px 3px;min-height:49px;font-size:10px;border-radius:6px}.nav-item svg{width:22px;height:22px}.nav-item.selected{background:transparent;color:var(--green)}.nav-item b{position:absolute;top:0;left:calc(50% + 8px);font-size:8px;padding:0 4px;min-width:14px;background:#d8eee2}.main-content{padding:calc(22px + env(safe-area-inset-top,0px)) 20px calc(100px + var(--safe-bottom));max-width:600px}.page-header{margin-bottom:22px;gap:12px;flex-wrap:wrap}h1{font-size:25px}.date-label{font-size:10px;margin-bottom:6px}.header-mark{display:block;margin-left:auto}.header-mark img{width:36px;height:36px;border-radius:7px;object-fit:contain}.header-stats{display:none}.day-summary{padding:15px 0;margin-bottom:18px;gap:12px}.summary-title{font-size:12px}.day-summary>strong{font-size:20px}.day-summary small{font-size:11px}.summary-side{font-size:10px}.summary-side b{font-size:14px}.phase-line{margin-bottom:12px}.phase-tabs{gap:10px;font-size:11px}.phase-tabs i{width:20px}.character-info{padding:16px 19px 24px}.character-top{gap:8px}.tag{font-size:10px}.inline-actions{gap:5px}.inline-actions .icon-button{width:34px;min-width:34px;height:34px}.inline-actions svg{width:18px;height:18px}.character{font-size:108px;margin-top:14px;min-height:140px;width:160px}.pinyin{font-size:24px;margin-bottom:22px}.character-meta>div{gap:18px}.character-meta>div>span{font-size:11px;min-width:55px}.definition p{font-size:18px}.example p{font-size:15px}.definition,.example,.words{padding-top:18px;margin-top:18px}.word-item p{font-size:13px}.preview-navigation{margin-top:15px}.preview-navigation>div{gap:12px}.preview-navigation .icon-button{width:44px;height:44px;min-width:44px}.preview-navigation>span{font-size:10px}.ready-view,.empty-state,.completed{min-height:400px}.ready-view h2{font-size:21px}.ready-symbol{font-size:90px}.quiz-surface{min-height:225px;gap:23px;padding:24px 20px}.quiz-surface h2{font-size:25px;line-height:1.7}.quiz-surface h2.single-character{font-size:78px}.answer-options{gap:10px;margin-top:15px}.answer-option{min-height:76px;padding:13px 10px;gap:8px;font-size:16px}.answer-option .option-letter{width:21px;height:21px;font-size:10px}.answer-char{font-size:30px}.answer-option>svg{width:16px}.library-row{grid-template-columns:minmax(0,1fr) 49px 56px;gap:7px;padding:15px 8px}.entry-name{gap:10px}.entry-name>strong{width:32px;font-size:30px}.entry-name b{font-size:13px}.entry-name p{font-size:11px}.entry-name small{font-size:9px;line-height:1.6}.library-head{font-size:9px;padding-top:11px;padding-bottom:11px}.passed-tag,.pending-tag{font-size:10px}.library-filters{gap:6px;grid-template-columns:1fr 1.2fr 1fr}.library-filters select{padding:8px 13px 8px 7px;font-size:11px}.search-box input{font-size:13px}.list-summary{font-size:11px;margin-top:20px}.settings-section h2{font-size:15px}.setting-field{font-size:13px}.setting-field select{font-size:12px}.import-row>span{font-size:13px}.toast{bottom:calc(85px + var(--safe-bottom));font-size:12px}.modal{max-height:calc(100dvh - 22px);width:calc(100% - 18px)}.modal>header{padding:12px 17px}.modal-actions{padding:16px}.writing-grid>span{font-size:190px}.intervals{gap:16px}.intervals b{font-size:19px}}@media(max-width:360px){.main-content{padding-left:14px;padding-right:14px}.answer-options{grid-template-columns:1fr}.day-summary{gap:8px}.summary-title{font-size:11px}.character-info{padding-left:15px;padding-right:15px}.writing-grid>span{font-size:160px}.phase-tabs{gap:7px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spin{animation-duration:2s}}@media(min-width:701px){.rail{padding-top:calc(32px + env(safe-area-inset-top,0px));padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.main-content{padding-top:calc(38px + env(safe-area-inset-top,0px))}}@media(max-width:700px){.preview-navigation{position:sticky;bottom:calc(74px + var(--safe-bottom));background:#f5f7f8f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 0;margin-bottom:-10px;z-index:5}.source-note{padding-bottom:12px}}.character-info .speech-read{color:#1466c8}.weekly-tabs{display:flex;gap:24px;border-bottom:1px solid #d6e2de;margin-bottom:24px}.weekly-tabs button{display:inline-flex;align-items:center;gap:8px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:14px 2px;color:#56736b}.weekly-tabs button[aria-selected=true]{border-bottom-color:#137f67;color:#137f67;font-weight:700}.weekly-period{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:#617770;font-size:13px;line-height:1.8}.weekly-ready,.weekly-result{padding:40px 0;text-align:center}.weekly-ready>svg{color:#137f67}.weekly-ready h2,.weekly-result h2{font-size:22px;margin:18px 0 12px}.weekly-ready p,.weekly-result p{color:#617770;margin:12px 0 24px}.weekly-result>strong{font-size:48px}.weekly-result>strong small{font-size:16px;color:#617770}.weekly-pass{color:#117a5f}.weekly-fail{color:#b13239}.weekly-paper{padding-top:24px;scroll-margin-top:20px}.weekly-question-map{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:12px 4px}.weekly-question-map button{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #becfc8;border-radius:4px;background:#f5f7f8;color:#455c55;font-size:18px;font-weight:700}.weekly-question-map button.correct{background:#e3f4eb;border-color:#228269;color:#11664e}.weekly-question-map button.wrong{background:#fff0ee;border-color:#c54c53;color:#a62630}.weekly-question-map button[aria-current=step]{outline:2px solid #273e53;outline-offset:3px}.weekly-question-map button svg{position:absolute;right:1px;bottom:1px}.completion-celebration{position:fixed;inset:0;z-index:90;pointer-events:none}.fireworks{position:absolute;inset:0;overflow:hidden}.firework-burst{position:absolute}.firework-burst i{position:absolute;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 5px currentColor;opacity:0;animation:celebration-spark 1.6s ease-out var(--burst-delay) both}@keyframes celebration-spark{0%{opacity:0;transform:translateY(30px) scale(.2)}8%{opacity:1}65%{opacity:.9}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.25)}}.celebration-message{position:absolute;top:calc(24px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 24px);padding:16px;border:1px solid #bdd8cb;border-radius:8px;background:#fff;color:#126a52;box-shadow:0 8px 30px #173e3826;pointer-events:auto}.celebration-message>svg{flex-shrink:0;color:#bd7820}.celebration-message strong{font-size:19px;line-height:1.5}.celebration-message p{margin:4px 0 0;font-size:13px;color:#56736b}@media(prefers-reduced-motion:reduce){.fireworks{display:none}}.weekly-progress{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px}.weekly-progress progress{width:100%;height:6px;accent-color:#137f67}.weekly-question{text-align:center;min-height:144px;padding:20px 0}.weekly-question>span{font-size:14px;color:#617770}.weekly-question h2{font-size:36px;margin:18px 0 0;overflow-wrap:anywhere}.weekly-audio{display:flex;align-items:center;gap:12px;margin:16px auto 0;padding:14px 24px;border:1px solid #c9dfd7;border-radius:6px;background:#edf7f2;color:#0d7961}.dictation-cells{display:grid;grid-template-columns:repeat(var(--cell-columns),minmax(0,1fr));gap:14px;max-width:650px;margin:0 auto}.dictation-cell{min-width:0}.dictation-cell:only-child{max-width:300px;width:100%;justify-self:center}.dictation-grid{position:relative;aspect-ratio:1;border:1px solid #bc797d;background:#fff}.dictation-grid:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px dashed #dab9ba;pointer-events:none}.dictation-grid:after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed #dab9ba;pointer-events:none}.dictation-grid canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none}.ink-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:8px}.ink-tools>span{margin-right:auto;color:#617770;font-size:12px}.ink-tools .icon-button{width:36px;height:36px;min-width:36px}.weekly-navigation,.weekly-pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin:24px 0}.weekly-navigation>span{min-width:110px;text-align:center;font-size:13px;color:#617770}.weekly-answer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;padding:20px 0}.weekly-answer>span{color:#617770;font-size:13px}.weekly-answer>strong{font-size:28px;overflow-wrap:anywhere}.weekly-grade{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.weekly-grade [aria-pressed=true]{outline:2px solid #225a4d;outline-offset:3px}.weekly-submit{display:flex;margin:20px auto}.weekly-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.weekly-filters label{display:grid;gap:8px;font-size:13px;flex:1;min-width:130px}.weekly-filters select,.weekly-filters input{width:100%;min-width:0;padding:10px;border:1px solid #becfc8;border-radius:4px;background:#fff;color:#203c39}.weekly-history-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 20px;gap:16px;text-align:left;align-items:center;background:transparent;padding:20px 0;border:0;border-bottom:1px solid #d6e2de;border-radius:0}.weekly-history-row strong{font-size:16px}.weekly-history-row small{display:block;font-size:12px;margin-top:8px;color:#617770}.weekly-history-row>span:nth-child(2){font-size:22px;font-weight:700;text-align:right}.weekly-empty,.weekly-loading{padding:36px 0;color:#617770;text-align:center}.weekly-loading{display:flex;align-items:center;justify-content:center;gap:10px}.weekly-error{padding:16px 0;color:#b13239}@media(max-width:700px){.dictation-cells{grid-template-columns:repeat(var(--mobile-columns),minmax(0,1fr));gap:12px}.weekly-history-row{gap:10px}.weekly-history-row strong{font-size:14px}.weekly-view{padding-bottom:16px}.weekly-tabs{margin-bottom:16px}.weekly-period{gap:4px}.weekly-question{min-height:118px;padding:12px 0}.weekly-question h2{margin-top:14px;font-size:32px}.dictation-cell:only-child{max-width:240px}}