*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:KaitiFont;src:local(Kaiti),local(STKaiti),local(KaiTi),url(/hanzi/fonts/kaiti.ttf)format("truetype");font-display:swap}*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}:root{--bg:#f4f3ef;--surface:#fff;--border:#e4e2da;--border-light:#d3d1c7;--text:#2c2c2a;--text-muted:#5f5e5a;--text-dim:#888;--brand-green:#1d9e75;--brand-purple:#7f77dd;--brand-orange:#d85a30;--brand-green-light:#e1f5ee;--brand-green-dark:#085041;--brand-green-mid:#0f6e56;--brand-orange-light:#faeeda;--brand-purple-light:#eeedfe;--ink:#2c2c2a;--gray-stroke:#9b9a93;--grid-bg:#fff;--grid-border:#e7b1b1;--grid-line:#f2d3d3;--grid-ink:#2c2c2a;--dot-done:#9fe1cb}.dark{--bg:#1a1a18;--surface:#252522;--border:#3a3934;--border-light:#4a4944;--text:#e8e6df;--text-muted:#b0ae9f;--text-dim:#7a7870;--brand-green-light:#0f3326;--brand-green-dark:#9fe0c5;--brand-orange-light:#3a2510;--brand-purple-light:#1e1c40;--grid-bg:#1c1b19;--grid-border:#4a3535;--grid-line:#352828;--grid-ink:#e8e4dc;--dot-done:#2f7a5e}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px}.hz{font-family:KaitiFont,serif}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;padding:18px 20px}.btn-primary{background:var(--brand-green);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:12px 24px;font-size:16px;font-weight:600;display:inline-flex}.btn-primary:disabled{opacity:.4;cursor:default}.btn-ghost{border:1px solid var(--border-light);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;min-height:44px;padding:10px 16px;font-size:14px}.btn-ghost.small{min-height:0;padding:5px 12px;font-size:13px}.icon-text{vertical-align:middle;align-items:center;gap:6px;display:inline-flex}.icon-text>svg{flex:none}.sbadge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-family:-apple-system,sans-serif;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.sbadge-cycle{color:#fff;background:#ef9f27}.sbadge-grad{color:#fff;background:#639922}.sbadge-raw{border:1.5px solid var(--border-light);background:var(--surface);color:#0000}.wchip{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:0;padding:0 10px;display:flex;position:relative}.wchip.sel{border-color:var(--brand-green);background:var(--brand-green-light);border-width:2.5px}.tab{border:1px solid var(--border-light);background:var(--surface);cursor:pointer;color:var(--text-muted);border-radius:999px;padding:10px 22px;font-size:15px;position:relative}.tab.on{background:var(--brand-green-light);color:var(--brand-green-dark);border-color:#5dcaa5;font-weight:600}.tab .bdg{color:#fff;background:#d85a30;border-radius:999px;padding:1px 7px;font-size:11px;position:absolute;top:-6px;right:-4px}.uhead{align-items:center;gap:10px;margin:14px 0 8px;display:flex}.uhead label{cursor:pointer;color:var(--text);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.uhead input{width:19px;height:19px;accent-color:var(--brand-green)}.unit-mastery{flex:none;align-items:center;display:inline-flex;position:relative}.unit-mastery-button{width:20px;height:20px;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0;display:block}.unit-mastery-button svg{width:20px;height:20px;display:block}.unit-mastery-button:focus-visible{outline:2px solid var(--text-dim);outline-offset:2px;border-radius:50%}.unit-mastery-tip{z-index:20;border:1px solid var(--border);background:var(--surface);width:max-content;max-width:calc(100vw - 32px);color:var(--text);white-space:normal;border-radius:8px;padding:7px 9px;font-size:13px;font-weight:400;line-height:1.45;position:absolute;top:calc(100% + 7px);left:0}.wgrid{flex-wrap:wrap;gap:9px;display:flex}.wchip .ww{font-size:26px}.leg{color:var(--text-muted);align-items:center;gap:5px;margin-right:12px;font-size:12.5px;display:inline-flex}canvas{touch-action:none}.actionbar{border:1px solid var(--border);background:#fffffff2;border-radius:14px;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex;position:sticky;bottom:10px;box-shadow:0 4px 14px #0000000f}.dark .actionbar{background:#252522f2}.header-btns{align-items:center;gap:8px;display:flex}.devtrigger{opacity:0;color:#d85a30!important;border-color:#d85a30!important}.devtrigger:hover{opacity:1}.devbar{color:#fff;background:#d85a30;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:8px 14px;font-size:13px;display:flex}.devbar-title{font-weight:700}.devbtn{color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #ffffff59;border-radius:8px;padding:4px 10px;font-size:12.5px}.devbtn:hover{background:#ffffff4d}.fixbar{color:#fff;text-align:center;background:#7f77dd;border-radius:10px;margin-bottom:10px;padding:9px 14px;font-size:13.5px}.wchip.fixing{cursor:pointer}.badge-anchor{align-items:center;display:inline-flex;position:relative}.badge-menu{z-index:200;background:var(--bg);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:2px;padding:5px;display:grid;position:absolute;bottom:calc(100% + 6px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 16px #0000002e}.badge-menu:after{content:"";height:8px;position:absolute;top:100%;left:0;right:0}.badge-menu-item{cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex}.badge-menu-item:hover,.badge-menu-item.active{background:var(--brand-green-light)}.ddown-btn{border:1px solid var(--border-light);background:var(--surface);color:var(--text);cursor:pointer;border-radius:7px;align-items:center;gap:4px;padding:2px 8px;font-size:13px;display:inline-flex}.ddown-btn.open{border-color:var(--brand-green)}.ddown-panel{z-index:50;background:var(--bg);border:1px solid var(--border);border-radius:8px;min-width:90px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 4px 16px #00000026}.ddown-item{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:5px 10px;font-size:13px;display:flex}.ddown-item:hover{background:var(--brand-green-light)}.ddown-item.active{color:var(--brand-green-dark);font-weight:600}.hookbar{background:var(--brand-orange-light);color:#633806;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:11px 14px;font-size:15px;display:flex}.parts-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;display:grid}.part-group-title{color:var(--text-dim);margin-bottom:8px;font-size:12.5px;font-weight:600}.pcard{background:var(--surface);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:56px;padding:10px;display:flex;position:relative}.pcard:hover{border-color:#5dcaa5}.pcard-text{color:var(--brand-green-mid);font-size:32px;line-height:1}.pcard-ungen{opacity:.55}.pcard-ungen .pcard-text{color:var(--text-dim)}.pcard-badge{color:var(--text-dim);font-size:11px;line-height:1;position:absolute;top:4px;right:6px}.tile{border:1.5px solid var(--border-light);background:var(--surface);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:64px;height:64px;padding:5px;display:flex}.tile.pick{border-color:var(--brand-green);background:var(--brand-green-light);border-width:3px}.ibtn{border:1.5px solid var(--border-light);background:var(--surface);cursor:pointer;color:#8a887f;border-radius:10px;justify-content:center;align-items:center;width:46px;height:42px;display:inline-flex}.ibtn.ok{background:var(--brand-green-light);color:var(--brand-green-dark);border-color:#5dcaa5}.ibtn.fx{background:var(--brand-orange-light);color:#854f0b;border-color:#fac775}.toast{background:var(--brand-green-dark);color:#fff;z-index:60;pointer-events:none;border-radius:999px;padding:10px 22px;font-size:14px;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.modal-overlay{z-index:50;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border-radius:16px;width:92%;max-width:560px;max-height:80vh;padding:20px 24px;overflow-y:auto}.pinyin{color:var(--text-muted);letter-spacing:1px;font-family:-apple-system,Arial,sans-serif;font-size:20px}.focusbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.xbtn{border:1px solid var(--border-light);background:var(--surface);cursor:pointer;color:var(--text);border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;display:inline-flex}.ftag{border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.dot{background:var(--border-light);border-radius:50%;width:9px;height:9px;transition:background .2s,transform .2s;display:inline-block}.dot.done{background:var(--dot-done)}.dot.bad,.dot.skip{background:var(--brand-orange)}.dot.on{transform:scale(1.35);box-shadow:0 0 0 3px #1d9e7538}.dot.on:not(.done):not(.bad):not(.skip){background:var(--brand-green)}.dot.on.bad,.dot.on.skip{box-shadow:0 0 0 3px #d85a3038}.segpos{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.cart-badge{background:var(--brand-orange);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:26px;height:26px;padding:0 7px;font-size:13px;font-weight:700;display:inline-flex}@keyframes cart-pop{0%{transform:scale(1)}40%{transform:scale(1.45)}70%{transform:scale(.9)}to{transform:scale(1)}}.cart-pop{animation:.35s cart-pop}@keyframes fly-to-cart{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--fx), var(--fy)) scale(.25);opacity:0}}.cart-fly{background:var(--brand-orange);pointer-events:none;z-index:200;border-radius:50%;width:14px;height:14px;animation:.5s cubic-bezier(.4,0,.6,1) forwards fly-to-cart;position:fixed}.markgrid{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.markitem{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.minicard{background:var(--surface);border:1px solid var(--border-light);text-align:center;border-radius:10px;padding:8px}.set-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:14px 16px;display:flex}.set-card:hover{border-color:#5dcaa5}.iconbtn{border:1px solid var(--border-light);background:var(--surface);cursor:pointer;width:34px;height:32px;color:var(--text-dim);border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.iconbtn.danger:hover{color:#c0392b;border-color:#e2b4ad}.corner-badge{color:#fff;background:#9b9a93;border-radius:6px;padding:1px 5px;font-family:-apple-system,sans-serif;font-size:9px;position:absolute;top:-7px;left:-7px}.progress-bar{background:var(--border-light);border-radius:999px;height:9px;overflow:hidden}.progress-bar-inner{background:var(--brand-green);border-radius:999px;height:100%;transition:width .3s;display:block}.inp{border:1px solid var(--border-light);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:11px 12px;font-family:inherit;font-size:16px}.inp.hz{font-size:24px}.evtag{border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600}.note{color:var(--text-dim);font-size:12.5px}.evcard{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:12px;padding:16px 18px}@page{size:A4;margin:14mm}@media print{#root{display:none!important}.psheet-overlay{background:0 0!important;display:block!important;position:static!important}.psheet-config,.psheet-sidebar{display:none!important}.psheet-body{display:block!important;overflow:visible!important}.psheet-scroll{background:0 0!important;padding:0!important;display:block!important;overflow:visible!important}.psheet-page{width:auto!important;min-height:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.psheet-page:not(:last-child){-moz-column-break-after:page;break-after:page;page-break-after:always}}.stat-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.stat{text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:12px;flex:1;min-width:110px;padding:12px 8px}.stat .n{font-size:26px;font-weight:700;line-height:1.2}.stat .l{color:var(--text-muted);margin-top:2px;font-size:12px}.segbar{background:var(--border-light);border-radius:999px;height:14px;display:flex;overflow:hidden}.segbar span{height:100%;display:block}.week-row{flex-wrap:wrap;gap:10px;display:flex}.wcard{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex:1;min-width:120px;padding:12px 14px}.wcard .n{font-size:24px;font-weight:700}.wcard .n.up{color:var(--brand-green-mid)}.wcard .n.down{color:var(--brand-orange)}.wcard .l{color:var(--text-muted);margin-top:2px;font-size:12.5px}.chart-empty{text-align:center;color:var(--text-dim);padding:30px 10px;font-size:14px}.health-card{border:1px solid var(--border);border-radius:12px;margin-bottom:14px;padding:12px 14px}.health-head{align-items:center;gap:8px;margin-bottom:6px;font-size:15px;display:flex}.health-detail{color:var(--text-muted);font-size:13px;line-height:1.7}.health-advice{color:var(--text);margin-top:6px;font-size:13px;line-height:1.7}.health-metrics{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.hm{background:var(--surface);border-radius:10px;flex:100px;padding:8px 10px}.hm-l{color:var(--text-dim);font-size:11px}.hm-n{color:var(--text);font-size:19px;font-weight:700;line-height:1.3}.hm-s{color:var(--text-dim);font-size:11px}.health-eta{color:var(--text-muted);border-top:1px solid var(--border);margin-top:10px;padding-top:8px;font-size:12px;line-height:1.7}.chart-tip-pct{color:var(--text-dim);margin-left:3px;font-weight:500}.chart-tip{z-index:5;pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:108px;padding:8px 10px;font-size:12px;position:absolute;top:4px;box-shadow:0 4px 14px #00000024}.chart-tip-date{color:var(--text);margin-bottom:5px;font-weight:600}.chart-tip-row{align-items:center;gap:6px;line-height:1.7;display:flex}.chart-tip-label{color:var(--text-dim)}.chart-tip-val{color:var(--text);margin-left:auto;font-weight:600}.chart-tip-total{border-top:1px solid var(--border-light);margin-top:4px;padding-top:4px}.rchip{border:1px solid var(--border-light);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:6px 13px;font-size:12.5px}.rchip.on{background:var(--brand-green-light);color:var(--brand-green-dark);border-color:var(--brand-green);font-weight:600}.gradcheck{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;margin-left:auto;font-size:13px;display:inline-flex}.gradcheck input{accent-color:var(--brand-green);cursor:pointer;width:15px;height:15px}.nail-group{margin-bottom:16px}.nail-group:last-child{margin-bottom:0}.nail-ghead{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:13.5px;display:flex}.nail-ghead .cnt{color:var(--brand-orange);font-size:15px;font-weight:700}.nail-ghead label{color:var(--text-muted);cursor:pointer;align-items:center;gap:5px;margin-left:auto;font-size:12.5px;display:inline-flex}.nail-ghead label input{accent-color:var(--brand-green);cursor:pointer;width:14px;height:14px}.nail-selectbar{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:16px;padding-top:12px;display:flex}.disclaimer{color:var(--text-dim);text-align:center;padding:10px 6px;font-size:12px;line-height:1.6}.zy-plate{border:1px solid var(--border-light);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex;overflow:hidden}.zy-plate img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.zy-fallback{color:#b3b1a8;background:repeating-linear-gradient(45deg,#fafaf8,#fafaf8 8px,#f2f1ec 8px 16px);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;font-size:13px;display:flex}.zy-hintcard{text-align:center;max-width:380px;margin:14px auto 0}.zy-hintcard .zy-plate{height:240px}.zy-tabs{background:var(--bg);border:1px solid var(--border);border-radius:10px;gap:4px;padding:3px;display:inline-flex}.zy-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500}.zy-tab.on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px #00000014}.zy-chip{border:1.5px solid var(--border-light);background:var(--surface);height:26px;color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:0 8px;font-size:12px;display:inline-flex}.zy-chip.on{background:var(--brand-purple-light);border-color:var(--brand-purple);color:var(--brand-purple)}.zy-markimg{gap:6px;margin-top:8px;display:flex}.zy-markimg .zy-plate{flex:1;height:92px}.zc-toggles{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px;display:flex}.zc-toggle{border:1.5px solid var(--border-light);background:var(--surface);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;display:inline-flex}.zc-toggle.on{background:var(--brand-green-light);border-color:var(--brand-green);color:var(--brand-green-dark);font-weight:600}.zc-toggle .dot{background:var(--border-light);border-radius:999px;width:8px;height:8px}.zc-toggle.on .dot{background:var(--brand-green)}.zc-stage{flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:6px;min-height:120px;margin-bottom:6px;display:flex}.zc-cell{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;max-width:300px;display:flex}.zc-cell-cap{color:var(--text-dim);font-size:12.5px}.zc-empty{color:var(--text-dim);flex:1;justify-content:center;align-items:center;min-height:120px;font-size:14px;display:flex}.zc-wordline{text-align:center;margin:14px 0 4px}.zc-word{font-size:20px;font-weight:600}.zc-pinyin{color:var(--text-muted);margin-left:6px;font-size:14px}.zc-speak{color:var(--brand-green-dark);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin-top:4px;font-size:13px;display:inline-flex}.zc-nav{justify-content:space-between;align-items:center;gap:10px;margin-top:22px;display:flex}.zc-progress{text-align:center;color:var(--text-dim);font-size:13px}.zc-skip{text-align:center;margin-top:10px}.zc-skip button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:12.5px;text-decoration:underline}@media (width<=480px){.zc-stage{gap:4px}}.sync-drawer-backdrop .btn,.sync-dialog-backdrop .btn,.cloud-sync-section .btn,.sync-settings-page .btn{border:1px solid var(--line,#e2e4df);min-height:38px;color:var(--text,#23241f);background:var(--surface,#fff);font:inherit;white-space:nowrap;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex}.sync-drawer-backdrop .btn:disabled,.sync-dialog-backdrop .btn:disabled,.cloud-sync-section .btn:disabled,.sync-settings-page .btn:disabled{opacity:.5;cursor:not-allowed}.sync-drawer-backdrop .btn.primary,.sync-dialog-backdrop .btn.primary,.cloud-sync-section .btn.primary,.sync-settings-page .btn.primary{border-color:var(--accent,#1d9e75);color:#fff;background:var(--accent,#1d9e75)}.sync-drawer-backdrop .btn.danger,.sync-dialog-backdrop .btn.danger,.cloud-sync-section .btn.danger,.sync-settings-page .btn.danger{border-color:var(--danger,#b3261e);color:#fff;background:var(--danger,#b3261e)}.sync-drawer-backdrop .btn.subtle,.sync-dialog-backdrop .btn.subtle,.cloud-sync-section .btn.subtle,.sync-settings-page .btn.subtle{background:var(--surface-2,#f4f5f2)}.cloud-sync-section{margin-bottom:16px}.sync-field-label{color:var(--text-dim,#6f7169);margin-top:10px;margin-bottom:4px;font-size:12px}.sync-code-row{align-items:center;gap:8px;display:flex}.sync-input{border:1px solid var(--line,#e2e4df);background:var(--surface-2,#f4f5f2);min-width:0;color:var(--text,#23241f);border-radius:8px;flex:1;padding:7px 10px;font-size:13px}.sync-actions{gap:8px;margin-top:10px;display:flex}.sync-status-text{color:var(--text-dim,#6f7169);margin-top:8px;font-size:12px}.sync-hint{color:var(--text-dim,#6f7169);white-space:nowrap;font-size:12px}@media (width<=480px){.sync-hint{text-overflow:ellipsis;max-width:72px;overflow:hidden}}.cloud-sync-failed-badge{--cloud-sync-failed-fg:#b3261e;--cloud-sync-failed-bg:#b3261e1a;--cloud-sync-failed-border:#b3261e47;border:1px solid var(--cloud-sync-failed-border);background:var(--cloud-sync-failed-bg);color:var(--cloud-sync-failed-fg);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}button.cloud-sync-failed-badge{cursor:pointer;font-family:inherit}@media (prefers-color-scheme:dark){.cloud-sync-failed-badge{--cloud-sync-failed-fg:#ff8a80;--cloud-sync-failed-bg:#ff8a8024;--cloud-sync-failed-border:#ff8a8052}}.sync-status-btn--stale{--cloud-sync-stale-fg:#9a6b00;--cloud-sync-stale-bg:#9a6b001a;--cloud-sync-stale-border:#9a6b0047;color:var(--cloud-sync-stale-fg)!important;background:var(--cloud-sync-stale-bg)!important;border-color:var(--cloud-sync-stale-border)!important}.sync-status-btn--failed{--cloud-sync-failed-fg:#b3261e;--cloud-sync-failed-bg:#b3261e1a;--cloud-sync-failed-border:#b3261e47;color:var(--cloud-sync-failed-fg)!important;background:var(--cloud-sync-failed-bg)!important;border-color:var(--cloud-sync-failed-border)!important}@media (prefers-color-scheme:dark){.sync-status-btn--stale{--cloud-sync-stale-fg:#fc6;--cloud-sync-stale-bg:#ffcc6624;--cloud-sync-stale-border:#ffcc6652}.sync-status-btn--failed{--cloud-sync-failed-fg:#ff8a80;--cloud-sync-failed-bg:#ff8a8024;--cloud-sync-failed-border:#ff8a8052}}.sync-panel{border:1px solid var(--line,#e2e4df);background:var(--surface,#fff);color:var(--text,#23241f);box-shadow:var(--shadow,0 10px 30px #0000001a);border-radius:12px;padding:14px}.sync-panel strong{margin-bottom:6px;font-size:13.5px;display:block}.sync-panel p{color:var(--text-dim,#6f7169);font-size:12.5px;line-height:1.6}.sync-confirm-actions{gap:8px;margin-top:10px;display:flex}.sync-dialog-backdrop{z-index:180;background:#181c196b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sync-history-dialog{flex-direction:column;width:min(520px,100%);max-height:calc(100vh - 40px);padding:20px;display:flex;overflow:hidden}.sync-history-dialog-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.sync-history-dialog-header strong{margin-bottom:0;font-size:16px}.sync-history-close{width:30px;height:30px;color:var(--text-dim,#6f7169);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;place-items:center;display:grid}.sync-history-close:hover{background:var(--surface-2,#f4f5f2);color:var(--text,#23241f)}.sync-history-toolbar{justify-content:flex-end;margin:10px 0 6px;display:flex}.sync-history-scroll{min-height:0;overflow-y:auto}.sync-history-group+.sync-history-group{margin-top:12px}.sync-history-date{color:var(--text-dim,#6f7169);padding:0 2px 4px;font-size:11px;font-weight:600}.sync-history-item{color:var(--text-dim,#6f7169);justify-content:space-between;align-items:center;gap:10px;padding:5px 2px;font-size:12px;display:flex}.sync-history-restore{flex:none;padding:4px 9px;font-size:12px}.sync-history-confirm{background:var(--surface-2,#f4f5f2);box-shadow:none;margin:4px 0 10px}.sync-drawer-backdrop{z-index:180;background:#0e1b145c;position:fixed;inset:0}.sync-settings-drawer{width:min(440px,92vw);height:100%;color:var(--text,#23241f);background:var(--surface,#fff);flex-direction:column;display:flex;position:absolute;top:0;right:0;box-shadow:-16px 0 40px #00000029}.sync-drawer-head{border-bottom:1px solid var(--line,#e2e4df);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 12px;display:flex}.sync-drawer-head h2{margin:0;font-size:18px}.sync-drawer-close{width:34px;height:34px;color:var(--text-dim,#6f7169);background:var(--surface-2,#f4f5f2);cursor:pointer;border:0;border-radius:10px;font-size:22px}.sync-settings-drawer-body{flex:auto;align-content:start;gap:14px;min-height:0;padding:14px 18px 18px;display:grid;overflow-y:auto}.sync-drawer-card{border:1px solid var(--line,#e2e4df);background:var(--surface,#fff);box-shadow:var(--shadow,0 10px 30px #0000001a);border-radius:12px;padding:18px}.sync-settings-page .sync-input{box-sizing:border-box;width:100%;min-height:42px;font-size:15px}.sync-settings-page .sync-field-label{margin-top:14px;font-size:13px}.sync-settings-page .sync-field-label:first-child{margin-top:0}.sync-settings-actions{gap:8px;margin-top:16px;display:flex}.sync-drawer-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.sync-drawer-section-head h2{margin:0;font-size:16px}.sync-drawer-section-head span{color:var(--text-dim,#6f7169);font-size:12px}.kiwi-launcher-root,.kiwi-launcher-popover{--kl-ink:#2c2c2a;--kl-gray:#6f6e69;--kl-line:#e4e5e2;--kl-panel:#fff;--kl-surface:#f5f6f3;--kl-current:#1d9e75;--kl-current-s:#e5f4ee}.kiwi-launcher-root{display:inline-flex;position:relative}.dark .kiwi-launcher-root,.dark .kiwi-launcher-popover{--kl-ink:#e8e9e5;--kl-gray:#9a9c95;--kl-line:#33352f;--kl-panel:#1d1f1b;--kl-surface:#161714;--kl-current-s:#12352a}.kiwi-launcher-trigger{width:34px;height:34px;color:var(--kl-gray);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.kiwi-launcher-trigger:hover,.kiwi-launcher-trigger[aria-expanded=true]{background:var(--kl-surface);color:var(--kl-ink)}.kiwi-launcher-popover{z-index:40;box-sizing:border-box;background:var(--kl-panel);border:1px solid var(--kl-line);border-radius:16px;width:280px;padding:16px;position:fixed;box-shadow:0 12px 32px #00000029}.kiwi-launcher-head{color:var(--kl-ink);flex-direction:column;gap:2px;padding:0 4px 12px;display:flex}.kiwi-launcher-head strong{font-size:14px;font-weight:800}.kiwi-launcher-head span{color:var(--kl-gray);font-size:12px}.kiwi-launcher-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.kiwi-launcher-item{color:var(--kl-ink);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;text-decoration:none;display:flex}.kiwi-launcher-item:hover{background:var(--kl-surface)}.kiwi-launcher-item.current{background:var(--kl-current-s)}.kiwi-launcher-item.current .kiwi-launcher-icon{color:var(--kl-current)}.kiwi-launcher-icon{justify-content:center;align-items:center;width:22px;height:22px;font-size:22px;line-height:1;display:inline-flex}.kiwi-launcher-label{text-align:center;font-size:11px;font-weight:700}body{transition:padding-right .2s ease-out}.devnotes-drawer{background:var(--surface);border-left:1px solid var(--border);z-index:900;flex-direction:column;transition:transform .2s ease-out;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-2px 0 12px #00000014}.devnotes-drawer.open{transform:translate(0)}.devnotes-handle{cursor:col-resize;z-index:10;width:8px;position:absolute;top:0;bottom:0;left:-4px}.devnotes-handle:hover{background:var(--border-light)}.devnotes-toolbar{border-bottom:1px solid var(--border-light);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;display:flex}.devnotes-toolbar .btn{border:1px solid var(--border-light);width:30px;height:28px;color:var(--text);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.devnotes-toolbar .btn:hover{background:var(--border-light)}.devnotes-toolbar .btn:active{background:var(--border)}.devnotes-toolbar .sep{background:var(--border-light);width:1px;height:20px;margin:0 2px}.devnotes-toolbar .slider-group{align-items:center;gap:4px;margin-left:auto;display:flex}.devnotes-toolbar .slider-group label{color:var(--text-dim);font-size:11px}.devnotes-toolbar input[type=range]{width:60px;height:4px;accent-color:var(--brand-green)}.devnotes-toolbar .close-btn{width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.devnotes-toolbar .close-btn:hover{background:var(--border-light);color:var(--text)}.devnotes-toolbar .submit-btn{width:auto;color:var(--brand-green);border-color:var(--brand-green);padding:0 8px;font-size:12px;font-weight:600}.devnotes-toolbar .submit-btn:hover{background:var(--brand-green);color:#fff}.devnotes-toolbar .submit-btn:disabled,.devnotes-toolbar .btn:disabled{opacity:.4;cursor:default}.devnotes-textarea{resize:none;width:100%;color:var(--text);tab-size:2;background:0 0;border:none;outline:none;flex:1;padding:10px 12px;font-family:SF Mono,Fira Code,Consolas,monospace;line-height:1.6}.devnotes-textarea::placeholder{color:var(--text-muted)}.devnotes-copied-toast{background:var(--brand-green);color:#fff;pointer-events:none;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600;animation:1.5s forwards devnotes-fadeout;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@keyframes devnotes-fadeout{0%{opacity:1}70%{opacity:1}to{opacity:0}}