:root{--bg:#f6f5f1;--fg:#1f2320;--muted:#6b7068;--line:#c9cbc3;--frame:#fff;--box:#e9e9e3;--accent:#1f6f4a;--accent-fg:#fff;--warn:#a8552a;--font-ui:-apple-system, "PingFang TC", "Noto Sans TC", "Helvetica Neue", sans-serif;--font-note:"IBM Plex Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#171a18;--fg:#e6e7e2;--muted:#9a9f96;--line:#3a3f3a;--frame:#202421;--box:#2c312d;--accent:#4fae7f;--accent-fg:#0f1a14;--warn:#d98354;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.55}button,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.screen{background:var(--frame);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.top{min-height:48px;padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));color:var(--muted);font-variant-numeric:tabular-nums;flex:none;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.top.three{grid-template-columns:1fr auto 1fr;display:grid}.top.three>:last-child{justify-self:end}.top .title{color:var(--fg);font-weight:500}.act{color:var(--accent);cursor:pointer;padding:6px 0}button.act.link{background:0 0;border:0;padding:6px 0;font-size:13px}button.act.link:disabled{opacity:.4}.body{-webkit-overflow-scrolling:touch;min-height:0;padding:4px max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left));flex-direction:column;flex:auto;gap:10px;display:flex;overflow:hidden auto}.body.center{justify-content:center}.foot{padding:10px max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--frame);flex:none}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn{text-align:center;background:var(--box);cursor:pointer;touch-action:manipulation;border:0;border-radius:10px;width:100%;min-height:48px;padding:12px;font-size:15px;font-weight:500;display:block}.btn.primary{background:var(--accent);color:var(--accent-fg)}.btn.warn{color:var(--warn)}.btn.big{padding:18px;font-size:17px}.btn:disabled{opacity:.4;cursor:default}.input{border:1px dashed var(--line);background:0 0;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:16px;display:block}.input:focus{border-style:solid;border-color:var(--accent)}.input::placeholder{color:var(--muted)}textarea.input{resize:vertical;min-height:3.2em}.mono{font-family:var(--font-note);font-size:14px}.hint{color:var(--muted);text-align:center;margin:0;font-size:12px}.error{color:var(--warn);text-align:center;margin:0;font-size:13px}.label{color:var(--muted);font-size:12px}.pill{border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:0 7px;font-size:11px;line-height:1.6;display:inline-block}.tabs{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding-bottom:env(safe-area-inset-bottom);background:var(--frame);flex:none;grid-template-columns:1fr 1fr;font-size:13px;display:grid}.tabs a{padding:14px 0}.tabs .on{color:var(--accent);font-weight:500}.login{flex-direction:column;gap:10px;width:100%;display:flex}.brand{text-align:center;color:var(--muted);margin:0 0 4px;font-size:15px;font-weight:400}.today{text-align:center;flex-direction:column;align-items:stretch;gap:10px;display:flex}.num{font-variant-numeric:tabular-nums;font-size:44px;font-weight:600;line-height:1}.today .hint{margin-bottom:8px}.done{margin:0;font-size:20px;font-weight:500}.card{background:var(--box);text-align:center;cursor:pointer;overflow-wrap:anywhere;word-break:normal;touch-action:manipulation;border:0;border-radius:14px;flex-direction:column;justify-content:center;gap:10px;width:100%;min-height:190px;padding:22px 16px;display:flex}.card.flipped{cursor:default}.card .ctx{color:var(--muted);letter-spacing:.04em;font-size:12px}.card .zh{font-size:17px}.card .sk{font-family:var(--font-note);color:var(--muted);font-size:12px}.card .en{color:var(--accent);border-top:1px solid var(--line);padding-top:10px;font-size:16px}.replay{color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:center;padding:8px 12px;font-size:13px}.progress{font-variant-numeric:tabular-nums}.list{flex-direction:column;display:flex}.row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"front state""back due";column-gap:8px;padding:9px 0;font-size:13px;display:grid}.row.head{display:none}.c-front{overflow-wrap:anywhere;grid-area:front}.c-back{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-area:back;font-size:12px;overflow:hidden}.c-state{text-align:right;grid-area:state}.c-due{text-align:right;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:due;font-size:12px}.empty{padding:24px 0}.form{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.danger{flex-direction:column;gap:8px;margin-top:auto;padding-top:24px;display:flex}@media (width>=600px){body{background:var(--bg)}.screen{border-left:1px solid var(--line);border-right:1px solid var(--line);max-width:560px;margin:0 auto}.row,.row.head{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 4.5em 3.5em;grid-template-areas:"front back state due";align-items:center;column-gap:12px;display:grid}.row.head{color:var(--muted);padding-top:4px;font-size:12px}.row.head .c-state{text-align:right}.row:not(.head):hover{background:var(--box)}.c-back{font-size:13px}}@media (hover:hover){.btn:not(:disabled):hover{filter:brightness(.96)}}