:root{font-family:-apple-system,PingFang SC,system-ui,sans-serif;color-scheme:light dark}*{box-sizing:border-box}body{margin:0;background:#f5f5f7;color:#1d1d1f}.app{max-width:480px;margin:0 auto;padding:16px}.week-head h1{font-size:20px;margin:8px 0 2px}.week-sub{color:#6e6e73;margin:0 0 12px}.empty{color:#6e6e73}.card{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 1px 3px #00000014}.card-head{display:flex;justify-content:space-between;align-items:center}.card-name{font-weight:600}.card-streak{font-size:13px;color:#b8860b}.progress{background:#e9e9ec;border-radius:999px;height:10px;margin:10px 0 6px;overflow:hidden}.progress-bar{height:100%;background:#0a84ff;border-radius:999px;transition:width .2s}.progress-bar[data-met=true]{background:#34c759}.progress-text{font-size:13px;color:#3a3a3c}.met-tag{color:#34c759}.log-btn{margin-top:10px;width:100%;padding:10px;border:0;border-radius:10px;background:#0a84ff;color:#fff;font-size:15px}.preset-row{display:flex;gap:8px;margin-top:10px}.preset-btn{flex:1;padding:10px 0;border:0;border-radius:10px;background:#eef4ff;color:#0a84ff;font-size:14px}.tabbar{position:sticky;bottom:0;display:flex;gap:8px;padding:10px 0;background:#f5f5f7}.tabbar button{flex:1;padding:10px;border:0;border-radius:10px;background:#fff}.tabbar button[data-active=true]{background:#0a84ff;color:#fff}.sec{font-size:15px;margin:18px 0 8px}.row{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 12px;border-radius:10px;margin-bottom:8px;flex-wrap:wrap}.row-name{font-weight:600;flex:1 1 100%}.row-target input{width:64px;margin:0 4px}.row-del{margin-left:auto;border:0;background:#ffecec;color:#ff3b30;border-radius:8px;padding:6px 10px}.add-form{display:flex;gap:8px;flex-wrap:wrap}.add-form input,.add-form select{padding:8px;border:1px solid #d2d2d7;border-radius:8px}.add-form button{border:0;background:#0a84ff;color:#fff;border-radius:8px;padding:8px 14px}.badges,.history{padding-left:18px;color:#3a3a3c;font-size:14px}.book-picker{display:flex;gap:8px;margin-bottom:12px}.book-picker button{flex:1;padding:8px;border:0;border-radius:10px;background:#fff}.book-picker button[data-active=true]{background:#0a84ff;color:#fff}.vocab-stat{display:flex;justify-content:space-between;font-size:14px;color:#3a3a3c;margin:4px 0}.vocab-stat b{color:#1d1d1f}.ghost-btn{width:100%;margin-top:10px;padding:10px;border:1px solid #d2d2d7;border-radius:10px;background:#fff}.study-progress{text-align:center;color:#6e6e73;font-size:13px;margin:8px 0}.study-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 1px 3px #00000014}.study-word{display:flex;align-items:center;justify-content:center;gap:10px}.study-term{font-size:30px;font-weight:700}.speak-btn{border:0;background:transparent;font-size:18px;cursor:pointer}.study-back{margin-top:14px}.study-phonetic{color:#6e6e73;text-align:center}.study-translation{font-size:16px;margin:10px 0;text-align:center}.study-examples{list-style:none;padding:0}.study-examples li{background:#f5f5f7;border-radius:10px;padding:8px 10px;margin:6px 0}.ex-en{font-size:14px}.ex-zh{display:block;color:#6e6e73;font-size:13px;margin-top:2px}.grade-row{display:flex;gap:8px;margin-top:14px}.grade{flex:1;padding:12px 0;border:0;border-radius:10px;font-size:15px;color:#fff}.grade-unknown{background:#ff3b30}.grade-fuzzy{background:#ff9f0a}.grade-known{background:#34c759}.study-done{text-align:center;padding:30px 0}.account-form{display:flex;flex-direction:column;gap:8px;margin:12px 0}.account-form input{padding:10px;border:1px solid #d2d2d7;border-radius:8px;font-size:15px}.account-actions{display:flex;gap:8px;margin-top:4px}.account-actions button{flex:1;padding:10px 0;border:0;border-radius:10px;font-size:15px}.account-actions .primary{background:#0a84ff;color:#fff}.account-actions .secondary{background:#eef4ff;color:#0a84ff}.error-text{color:#ff3b30;font-size:13px;margin:4px 0}.sync-status{font-size:13px;color:#6e6e73;margin:4px 0}.account-entry{text-align:left}.app-read{max-width:480px}@media (min-width: 760px){.app-read{max-width:720px;padding:24px}.para{font-size:18px;line-height:1.8}}@media (min-width: 1100px){.app-read{max-width:780px}.app-read:has(.reader-body[data-bilingual=true]){max-width:1120px}.para{font-size:19px}}.article-grid{display:grid;gap:12px}@media (min-width: 760px){.article-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start}.article-grid .card{margin-bottom:0;display:flex;flex-direction:column}.article-grid .card .log-btn{margin-top:auto}}.reader-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:8px 0;margin:-16px 0 0;background:#f5f5f7}.bar-btn{padding:6px 12px;border:1px solid #d2d2d7;border-radius:999px;background:#fff;font-size:13px;color:#1d1d1f}.bar-btn[data-active=true]{background:#0a84ff;border-color:#0a84ff;color:#fff}.reader-timer{margin-left:auto;font-variant-numeric:tabular-nums;font-size:13px;color:#6e6e73}.reader-head{margin:14px 0 12px}.reader-title{font-size:21px;line-height:1.35;margin:0 0 6px;letter-spacing:-.01em}.reader-meta{font-size:13px;color:#6e6e73}.reader-meta a{color:#0a84ff}@media (min-width: 760px){.reader-title{font-size:27px}}.reader-body{background:#fff;border-radius:14px;padding:20px 18px;box-shadow:0 1px 3px #00000014}@media (min-width: 760px){.reader-body{padding:32px 34px}}.para{margin:0 0 1.05em;font-size:17px;line-height:1.85;color:#1d1d1f}.para:last-child{margin-bottom:0}.para-zh{margin:-.35em 0 1.15em;padding:8px 12px;border-left:3px solid #d8dce3;background:#fafafc;border-radius:0 8px 8px 0;font-size:15px;line-height:1.75;color:#5b5b60}.para-zh.empty{padding:4px 12px;background:transparent}@media (min-width: 1100px){.reader-body[data-bilingual=true]{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;align-items:start}.reader-body[data-bilingual=true] .para{margin-bottom:1.5em}.reader-body[data-bilingual=true] .para-zh{margin:0 0 1.5em;padding:0 0 0 16px;background:transparent;border-radius:0;font-size:16px;line-height:1.8}}.inline-btn{border:0;background:#eef4ff;color:#0a84ff;border-radius:6px;padding:3px 10px;font-size:12px}.inline-btn:disabled{background:#f0f0f2;color:#8e8e93}.tok{cursor:pointer;border-radius:3px;padding:0 1px;margin:0 -1px}.tok:hover{background:#f0f0f2}.tok:active,.tok[data-sel=true]{background:#ffe9a8}.reader-err{margin:12px 2px 0;font-size:13px;line-height:1.6;color:#b25000}.reader-foot{margin-top:16px;padding-bottom:8px;display:flex;gap:10px;flex-wrap:wrap}.reader-foot .ghost-btn,.reader-foot .log-btn{margin-top:0;flex:1 1 220px}.log-btn:disabled{background:#c7c7cc}.word-pop{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:min(448px,calc(100vw - 32px));background:#fff;border-radius:14px;padding:14px;box-shadow:0 4px 24px #0000002e;z-index:10}.word-pop-head{display:flex;align-items:center;gap:8px}.word-pop-term{font-size:20px;font-weight:600}.word-pop-close{margin-left:auto;border:0;background:transparent;font-size:16px;color:#8e8e93}.word-pop-phonetic{color:#6e6e73;font-size:14px;margin-top:2px}.word-pop-trans{margin-top:8px;font-size:15px;line-height:1.6}