:root{color:#243430;font-synthesis:none;--green:#568d75;--muted:#6e7e75;--pale:#e9f1ea;--paper:#faf9f6;background:#faf9f6;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.55;cursor:wait}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--green)}a{color:var(--green);text-decoration:none}h1,h2,p{margin:0}h1{letter-spacing:-.8px;font-size:32px;font-weight:600;line-height:1.35}h2{font-size:19px;font-weight:550}p{line-height:1.8}small{font-size:12px}u{text-underline-offset:4px;font-weight:550;text-decoration-thickness:1.5px}input,textarea,select{color:#243430;background:#fff;border:1px solid #ccd5ce;border-radius:10px;padding:11px 13px}input:focus,textarea:focus,select:focus{outline-offset:0;outline:2px solid #8daf9c}input[type=checkbox]{accent-color:var(--green);flex-shrink:0;width:20px;height:20px;margin:0}textarea{resize:vertical}details summary{cursor:pointer;color:var(--green);-webkit-user-select:none;user-select:none;padding:12px 0}details p{margin:8px 0}details details summary{font-size:13px}.app{max-width:1080px;margin:auto;padding:0 36px}.site-header{border-bottom:1px solid #e6ebe5;justify-content:space-between;align-items:center;height:84px;display:flex}.brand{color:#243430;align-items:baseline;gap:12px;display:flex}.brand span{letter-spacing:5px;font-size:22px;font-weight:650}.brand small{letter-spacing:1px;color:var(--green);font-size:14px}.header-right{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.local-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.version{letter-spacing:1px;margin-left:12px;font-size:10px}.main-page,.detail-page,.passage-page{max-width:900px;min-height:calc(100dvh - 238px);margin:38px auto 30px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.eyebrow{color:var(--muted);letter-spacing:1.8px;margin-bottom:8px;font-size:11px}.quiet-pill{white-space:nowrap;color:var(--green);border:1px solid #d6e0d8;border-radius:30px;padding:6px 12px;font-size:12px}.home-grid{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.panel{background:#fff;border:1px solid #e7ece6;border-radius:18px;padding:26px}.section-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.section-heading>span{color:var(--muted);font-size:12px}.metrics{text-align:center;justify-content:space-around;margin:34px 0 28px;display:flex}.metrics strong{font-size:38px;font-weight:300;line-height:1.3;display:block}.metrics span{color:var(--muted);font-size:12px}.progress{background:var(--pale);border-radius:5px;height:3px;overflow:hidden}.progress>div{background:var(--green);height:100%;transition:width .2s}.budget-line{color:var(--muted);margin:12px 0 23px;font-size:12px}.primary,.outline{border-radius:12px;min-height:50px;padding:12px 20px;transition:background .16s,color .16s}.primary{background:var(--green);color:#fff}.primary:hover{background:#44765f}.outline{color:var(--green);background:0 0;border:1px solid #9caaa0}.outline:hover{background:#f1f6ef}.wide{width:100%;display:block}.daily-panel .wide+.wide{margin-top:10px}.text-button{color:var(--green);padding:9px 8px}.text-button:hover{background:var(--pale);border-radius:8px}.book-panel{background:#eef3eb;flex-direction:column;justify-content:space-between;display:flex}.book-art{color:#4f6c55;background:#dae5d8;border:1px solid #cad7c8;border-left:7px solid #9fb69d;border-radius:3px 9px 9px 3px;width:108px;height:132px;margin:6px 0 19px;padding:12px 15px;box-shadow:8px 9px #e5ece0}.book-art>span{font-size:32px;font-weight:350;display:block}.book-art small{letter-spacing:1px;margin-top:10px;font-size:8px;line-height:1.5;display:block}.book-panel>p:not(.eyebrow){color:var(--muted);margin:10px 0;font-size:13px}.book-footer{color:var(--green);justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;display:flex}.quick-section{margin-top:30px}.quick-words{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px;display:grid}.quick-words>button{text-align:left;background:#fff;border:1px solid #e8ede7;border-radius:12px;padding:18px;position:relative}.quick-words strong{font-size:22px;font-weight:450;display:block}.quick-words small{color:var(--muted);margin-top:7px;font-size:10px;display:block}.quick-words>button>span{color:var(--green);position:absolute;top:22px;right:14px}.bottom-nav{z-index:12;background:#fffffff7;border:1px solid #e2e8e0;border-radius:14px;justify-content:space-around;max-width:900px;margin:auto;padding:8px 20px;display:flex;position:sticky;bottom:12px}.bottom-nav button{color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:6px 25px;font-size:13px;display:flex}.bottom-nav button>span{font-size:20px}.bottom-nav .selected{color:var(--green);background:var(--pale)}.site-footer{text-align:center;color:#829086;letter-spacing:.4px;padding:24px 0 20px;font-size:10px}.notice{background:#eef3ea;border:1px solid #d6e0d1;border-radius:10px;justify-content:space-between;gap:12px;max-width:900px;margin:16px auto 0;padding:10px 14px;font-size:13px;display:flex}.notice>button{padding:0 5px;font-size:19px}.loading,.fatal{text-align:center;max-width:800px;margin:20vh auto;padding:24px}.loading{letter-spacing:5px;font-size:28px}.loading span{letter-spacing:0;color:var(--muted);margin-top:20px;font-size:14px;display:block}.fatal p{margin-top:18px}.study-page{flex-direction:column;max-width:730px;min-height:calc(100dvh - 172px);margin:18px auto 0;display:flex}.study-nav{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;display:flex}.study-nav>button{color:var(--green);padding:10px 0}.study-nav select{color:var(--muted);background:0 0;border:0;padding:5px 10px;font-size:13px}.study-nav>span{font-size:12px}.recall-card{outline-offset:10px;touch-action:pan-y;flex-direction:column;flex:1;min-height:340px;display:flex}.word-head{padding:28px 22px 16px}.word-head h1{letter-spacing:-1px;font-size:48px;font-weight:450}.word-head .ipa{color:var(--muted);margin-top:7px;font-size:14px}.form-description{color:var(--muted);margin-top:6px;font-size:13px}.audio-button{color:var(--green);border:1px solid #9ba99c;border-radius:30px;min-height:45px;margin-top:17px;padding:9px 21px;font-size:16px}.audio-button:hover{background:var(--pale)}.recall-body{flex:1;padding:12px 22px 28px}.revealed .recall-body{scrollbar-width:thin;max-height:420px;overflow:auto}.cloze{margin:22px 0;font-size:23px;line-height:1.8}.answer-content{animation:.18s ease-out reveal}.example-block{border-bottom:1px solid #e6ede4;margin-bottom:22px;padding-bottom:19px}.example-block h2{margin-bottom:12px;font-size:18px;line-height:1.5}.spanish-example{align-items:flex-start;gap:12px;display:flex}.spanish-example>p{flex:1;font-size:20px;line-height:1.8}.example-play{min-width:42px;min-height:42px;color:var(--green);border-radius:50%;margin-top:2px}.example-play:hover{background:var(--pale)}.translation{color:var(--muted);margin-top:7px;font-size:14px;line-height:1.9}.chinese{margin-top:6px}.compact-details{font-size:14px}.form-table{padding:0 0 16px}.form-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.form-grid button{text-align:left;background:#fff;border:1px solid #e0e7df;border-radius:8px;padding:10px 8px}.form-grid button:hover{border-color:var(--green)}.form-grid small{color:var(--muted);font-size:10px;display:block}.form-grid span{font-size:15px;display:block}.form-grid .chosen{border-color:var(--green);background:var(--pale)}.study-controls{background:var(--paper);z-index:10;border-top:1px solid #e6eae3;padding:18px 16px 12px;position:sticky;bottom:0}.spelling-toggle{height:52px;font-size:16px}.spelling-row{gap:12px;margin-top:12px;display:flex}.spelling-row input{width:100%;min-width:0}.spelling-row button{min-width:82px}.spelling-result{padding-top:8px;font-size:13px}.correct{color:var(--green)}.incorrect{color:#996558}.feedback{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.feedback button{color:#fff;border-radius:12px;height:68px;padding:9px}.feedback strong{font-size:17px;font-weight:450;display:block}.feedback span{font-size:11px;display:block}.familiar{background:#568d75}.vague{background:#b2935e}.forget{background:#aa7974}.known-button{color:var(--muted);margin:10px auto 0;padding:6px;font-size:12px;display:block}.extras{font-size:14px}.extras details>p{color:var(--muted);white-space:pre-wrap;font-size:13px}.timeline{margin:8px 0;padding:0;list-style:none}.timeline li{border-left:2px solid #dce6d9;flex-direction:column;gap:3px;margin-left:3px;padding:4px 0 15px 17px;display:flex}.timeline span{color:var(--muted);font-size:11px}.timeline strong{font-size:13px;font-weight:500}.timeline small{color:var(--muted);overflow-wrap:anywhere;font-size:10px}.empty-state{text-align:center;max-width:380px;margin:10vh auto}.empty-icon{color:var(--green);font-size:44px}.empty-state p{color:var(--muted);margin:20px 0;font-size:13px}.example-gap{color:#9d7850;background:#f4eee3;border-radius:9px;padding:13px;font-size:13px}.detail-page{max-width:750px}.back{color:var(--green);margin-bottom:18px;padding:8px 0;font-size:14px}.detail-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.detail-heading h1{font-size:40px}.muted{color:var(--muted);font-size:13px}.detail-heading .muted{margin-top:7px}.form-picker>label,.note-editor>label{margin-bottom:10px;font-size:14px;font-weight:550;display:block}.form-picker>select{width:100%;margin-bottom:10px;font-size:14px}.scope-note{color:var(--muted);font-size:12px}.sense-options{flex-direction:column;gap:13px;margin:23px 0;display:flex}.sense-options label{align-items:center;gap:13px;font-size:15px;display:flex}.sense-options small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.detail-examples{margin:30px 5px}.detail-examples>h2{margin-bottom:20px}.full-table,.note-editor{margin-bottom:17px;padding:14px 22px}.note-editor textarea{width:100%;min-height:100px;margin-bottom:12px}.file-label{color:var(--green);cursor:pointer;border:1px solid #9caaa0;border-radius:10px;align-items:center;padding:10px 15px;font-size:13px;display:inline-flex;position:relative}.file-label input[type=file]{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-label:focus-within{outline:2px solid var(--green);outline-offset:3px}.note-editor .file-label{margin-left:12px}.memory-image{object-fit:contain;border-radius:10px;max-width:100%;max-height:320px;margin:15px 0;display:block}.book-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.book-tabs button{border:1px solid #d3ddcf;border-radius:30px;padding:8px 17px;font-size:12px}.book-tabs .selected{background:var(--pale);border-color:var(--green);color:var(--green)}.search{background:0 0;width:100%;margin-bottom:16px;padding:14px 17px}.word-list>button,.book-word-row>button:first-child{text-align:left;border-bottom:1px solid #e2e7e0;align-items:center;gap:17px;width:100%;padding:18px 10px;display:flex}.word-list>button:hover,.book-word-row>button:first-child:hover{background:#f0f3ed}.word-list>button>div:first-child,.book-word-row>button:first-child>div:first-child{flex:1}.word-list strong{font-size:23px;font-weight:450;display:block}.word-list small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.word-list>button>div:nth-child(2),.book-word-row>button:first-child>div:nth-child(2){text-align:right}.focus-chip{color:var(--green);font-size:13px}.word-list>button>span:last-child,.book-word-row>button:first-child>span:last-child{color:var(--green);font-size:20px}.settings,.backup-panel,.main-page>section.panel{margin-bottom:20px}.settings h2,.backup-panel h2,.main-page>section.panel>h2{margin-bottom:15px}.settings>label{border-bottom:1px solid #edf0e9;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;font-size:14px;display:flex}.settings input[type=number]{width:90px}.settings select{max-width:240px;font-size:13px}.settings .switch-row input{width:22px;height:22px}.backup-actions{flex-wrap:wrap;gap:12px;margin-top:19px;display:flex}.backup-panel .text-button,.backup-panel>a{font-size:13px}.calendar-panel{max-width:700px;margin:0 auto 22px}.calendar{text-align:center;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:20px;display:grid}.weekday{color:var(--muted);margin-bottom:8px;font-size:12px}.calendar>div{border:1px solid #eef0e9;border-radius:9px;flex-direction:column;justify-content:center;min-height:66px;font-size:15px;display:flex}.calendar small{color:var(--green);height:17px;font-size:10px}.calendar .learned{background:var(--pale);border-color:#d4e1d0}.calendar .today{border:1px solid var(--green)}.forecast-bars{justify-content:space-around;align-items:flex-end;gap:10px;margin-top:22px;display:flex}.forecast-bars>div{flex-direction:column;align-items:center;gap:9px;font-size:13px;display:flex}.forecast-bars>div>span{background:#a8c2ad;border-radius:5px 5px 0 0;width:28px;display:block}.forecast-bars small{color:var(--muted);font-size:11px}.curve svg{width:100%;height:140px;margin-top:15px}.passage-page{max-width:760px}.passage-input{width:100%;min-height:160px;margin:24px 0 14px;font-size:17px}.passage-result{white-space:pre-wrap;background:#fff;border:1px solid #e5ebe1;border-radius:14px;margin:22px 0;padding:24px;font-size:20px}.passage-result button{text-underline-offset:5px;color:var(--green);padding:0 2px;-webkit-text-decoration:underline #b8cdbd;text-decoration:underline #b8cdbd}.passage-choice{border-bottom:1px solid #e6ece2;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:13px 6px;display:flex}.passage-choice span{color:var(--muted);font-size:12px}.passage-page>.muted{margin:25px 0}.detail-link{font-size:13px}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.app{padding:0 18px}.site-header{height:67px}.version{display:none}.header-right{font-size:10px}.brand span{letter-spacing:4px;font-size:19px}.main-page{margin:26px auto 20px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:22px}.page-heading h1{font-size:26px}.page-heading .quiet-pill{margin-top:5px;padding:5px 8px;font-size:9px}.eyebrow{letter-spacing:1px;font-size:10px}.home-grid{grid-template-columns:1fr;gap:18px}.panel{border-radius:16px;padding:22px}.metrics{margin:29px 0 24px}.book-art{float:left;width:80px;height:99px;margin-right:20px;padding:5px 9px}.book-art small{margin-top:5px;font-size:6px}.book-panel{min-height:175px;display:block}.book-panel>h2{padding-top:10px;font-size:17px}.book-panel .book-footer{clear:both;padding-top:7px}.book-panel .eyebrow{margin-bottom:12px}.quick-words{grid-template-columns:repeat(2,1fr);gap:10px}.quick-section>.section-heading>span{font-size:10px}.quick-words>button{padding:16px}.bottom-nav{border-radius:12px 12px 0 0;max-width:100%;margin-top:15px;padding:6px 5px;bottom:0}.bottom-nav button{flex-direction:column;gap:1px;padding:5px 20px;font-size:11px;display:flex}.bottom-nav button>span{font-size:21px}.site-footer{padding:18px 0;font-size:9px;line-height:1.8}.study-page{min-height:calc(100dvh - 126px);margin-top:12px}.study-nav{gap:6px;margin-bottom:4px;font-size:12px}.study-nav select{max-width:155px;padding:5px;font-size:12px}.word-head{padding:25px 5px 14px}.word-head h1{font-size:42px}.recall-card{min-height:340px}.recall-body{padding:8px 5px 24px}.cloze{margin:20px 0;font-size:20px}.study-controls{padding:16px 0 8px}.feedback{gap:8px;margin-top:13px}.feedback button{height:66px}.feedback strong{font-size:16px}.feedback span{font-size:10px}.known-button{font-size:11px}.spanish-example>p{font-size:19px}.translation{font-size:13px}.revealed .recall-body{min-height:180px;max-height:calc(100dvh - 424px)}.form-grid{grid-template-columns:repeat(2,1fr)}.detail-heading h1{font-size:36px}.form-picker>select{font-size:12px}.sense-options label{font-size:14px}.scope-note{font-size:11px}.word-list strong{font-size:21px}.word-list small{font-size:11px}.word-list>button{gap:12px;padding:17px 3px}.word-list>button>div:nth-child(2){max-width:95px}.calendar{gap:4px}.calendar>div{min-height:51px;font-size:13px}.calendar-panel{padding:18px 12px}.forecast-bars>div>span{width:22px}.forecast-bars small{font-size:10px}.settings>label{font-size:13px}.settings select{max-width:178px;font-size:12px}.passage-result{padding:18px;font-size:18px}.passage-choice{align-items:flex-start;gap:12px}.passage-choice span{text-align:right;font-size:11px}.note-editor .file-label{margin-top:10px;margin-left:0}.note-editor>button{margin-right:12px}.notice{font-size:12px}.is-studying>.site-footer{padding:12px 0;font-size:9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.word-token{font:inherit;color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;cursor:pointer;line-height:inherit;background:0 0;border:0;border-radius:2px;min-height:0;margin:0;padding:0;display:inline}.voice-settings select{min-width:0;max-width:min(100%,560px)}.voice-settings .voice-sample{background:#f1f5f0;border-radius:10px;padding:14px 16px;line-height:1.7}.voice-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.voice-catalog section{margin:18px 0}.voice-catalog h3{font-size:15px}.voice-catalog ul{padding:0;list-style:none}.voice-catalog li{overflow-wrap:anywhere;border-bottom:1px solid #e5ebe3;flex-direction:column;gap:4px;padding:9px 0;display:flex}.voice-catalog small{color:var(--muted)}@media (width<=600px){.voice-settings label{flex-direction:column;align-items:stretch;gap:8px}.voice-settings select{width:100%}}.word-token:hover{color:var(--accent,#537a64);background:#edf4ed}.word-token:focus-visible{outline-offset:2px;outline:2px solid #537a64}.book-word-row{align-items:center;display:flex}.book-word-row>button:first-child{flex:1;min-width:0}.book-remove{flex:none;font-size:13px}.book-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.book-removed>div{justify-content:space-between;align-items:center;gap:15px;display:flex}.word-dialog.dictionary-dialog{width:min(540px,94vw)}@media (width<=600px){.word-dialog.dictionary-dialog{width:100vw;max-width:100vw}}@media (width>=601px){.dictionary-dialog[style]{left:var(--lookup-x);top:var(--lookup-y);max-height:calc(100dvh - var(--lookup-y) - 16px);margin:0;bottom:auto;right:auto}}.dictionary-lookup h1{margin-bottom:6px}.dictionary-lookup p{overflow-wrap:anywhere}.dictionary-lookup .detail-heading{gap:15px}.dictionary-lookup select{width:100%;margin:10px 0}.dictionary-sense{border-bottom:1px solid #e2e7e0;padding:14px 0}.dictionary-sense>p{margin:5px 0 10px;font-size:18px}.dictionary-sense>small,.dictionary-sense details,.dictionary-source{color:var(--muted);font-size:12px}.dictionary-example{border-left:2px solid #dfe8da;margin:10px 0;padding-left:12px}.dictionary-context-note{font-size:12px;line-height:1.7}.dictionary-source a{color:var(--green)}.dictionary-lookup .membership-actions{margin-top:20px}@media (width<=600px){.book-word-row>button:first-child{gap:9px;padding:14px 5px}.book-word-row>button:first-child>div:nth-child(2){max-width:100px}}.word-dialog{color:#29352e;background:#f9faf6;border:1px solid #e4e7e0;border-radius:20px;width:min(720px,100vw - 32px);max-height:90dvh;padding:0;overflow:hidden;box-shadow:0 24px 90px #12261a38}.word-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18342655}.word-dialog-header{background:#fff;border-bottom:1px solid #e4e7e0;justify-content:space-between;align-items:center;padding:12px 22px;display:flex}.word-dialog-header small{color:#788276}.word-dialog-header>button:last-child{background:0 0;border:0;padding:4px 12px;font-size:27px}.word-dialog-layer{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(90dvh - 68px);padding:25px;overflow-y:auto}.word-dialog-layer[hidden]{display:none}.word-dialog .full-table{margin-top:20px}.word-dialog .form-picker{margin:20px 0}.word-dialog .membership-panel{margin:18px 0;padding:20px}.word-dialog .membership-panel h2{font-size:18px}.membership-actions{flex-wrap:wrap;gap:10px;display:flex}.membership-actions>button{background:#fff;border:1px solid #d8e2d5;border-radius:8px;padding:9px 13px}.membership-panel p{margin-bottom:0;font-size:12px}.lookup-candidates .passage-choice{width:100%;margin-bottom:9px}@media (width<=600px){.word-dialog{border-radius:20px 20px 0 0;width:100vw;max-width:100vw;max-height:92dvh;margin:auto 0 0}.word-dialog-header{padding:10px 14px}.word-dialog-layer{max-height:calc(92dvh - 65px);padding:20px 15px}.word-dialog .form-picker>select{width:100%}}