:root{--bg:#f4f5f7;--card:#fff;--ink:#12161c;--sub:#6b7280;--line:#e5e7eb;--accent:#2f6fed;--accent-soft:#e8effd;--ok:#16a34a;--warm:#e8a33d;--radius:14px;--shadow:0 1px 3px #1018280f, 0 1px 2px #1018280a;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-size:16px;line-height:1.5}#root{max-width:520px;padding:0 16px calc(84px + var(--safe-bottom));min-height:100vh;margin:0 auto}h1{margin:20px 0 4px;font-size:22px}h2{margin:22px 0 10px;font-size:17px}p{margin:6px 0}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:10px;padding:14px 16px}.muted{color:var(--sub);font-size:13px}.bar{background:var(--line);border-radius:99px;height:8px;margin:8px 0 6px;overflow:hidden}.bar>i{background:var(--accent);border-radius:99px;height:100%;transition:width .35s;display:block}.task{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);align-items:flex-start;gap:12px;margin-bottom:10px;padding:13px 14px;display:flex}.task .check{border:2px solid var(--line);cursor:pointer;color:#0000;background:#fff;border-radius:50%;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:14px;display:flex}.task.done .check{background:var(--ok);border-color:var(--ok);color:#fff}.task.done .t{color:var(--sub);text-decoration:line-through}.task .t{flex:1;font-size:16px}.task .sub{color:var(--sub);margin-top:2px;font-size:12px}button{font:inherit;color:inherit;cursor:pointer}.btn{border-radius:var(--radius);background:var(--accent);color:#fff;border:none;width:100%;padding:13px;font-size:16px;font-weight:600;display:block}.btn:disabled{opacity:.45}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:0 0;font-weight:500}.btn-plain{color:var(--accent);background:0 0;border:none;padding:6px 0;font-size:14px}.btn-warm{border:1px solid var(--line);color:var(--sub);background:0 0;border-radius:99px;padding:7px 14px;font-size:13px}input,textarea,select{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:12px;margin-bottom:10px;padding:12px 13px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.tabbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:var(--safe-bottom);z-index:10;background:#fffffff0;justify-content:center;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar>button{max-width:173px;color:var(--sub);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 0 12px;font-size:12px;display:flex}.tabbar>button .ico{font-size:19px;line-height:1}.tabbar>button.on{color:var(--accent);font-weight:600}.center{text-align:center}.tag{color:var(--accent);background:var(--accent-soft);border-radius:99px;margin-right:6px;padding:2px 9px;font-size:12px;display:inline-block}.note{color:var(--warm);margin-top:6px;font-size:13px}.err{color:#b42318;font-size:14px}