:root{font-family:"Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;color:#17233d;background:#f6f7f9;font-synthesis:none;--blue:#2f6fed;--red:#e5484d;--amber:#e6a11a;--slate:#63789b;--muted:#6b7280;--line:#e6e9ef}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f6f7f9}button,input,textarea,select{font:inherit}.hidden{display:none!important}.app-shell{width:min(760px,100%);margin:auto;padding:18px 16px}.app-header{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 18px}.app-header h1{font-size:30px;margin:0 0 4px}.app-header p{margin:0;font-size:13px;color:var(--muted)}.sync-state::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#44aa6b;margin-right:7px}.icon-button{border:0;background:#fff;border-radius:50%;width:44px;height:44px;font-size:24px;color:var(--blue);box-shadow:0 3px 14px #1e293b12}.card{background:#fff;border:1px solid #edf0f4;border-radius:20px;box-shadow:0 7px 24px #17233d0c}.composer{padding:16px}.composer input,.composer textarea,.composer select,.login-card input{width:100%;border:1px solid #dfe3ea;background:#fff;border-radius:12px;padding:12px;color:#17233d;outline:none}.composer input:focus,.composer textarea:focus,.composer select:focus,.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2f6fed1f}.title-input{font-size:17px;margin-bottom:12px}.composer textarea{resize:vertical;margin-top:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label,.login-card label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.reminder-row{display:flex;align-items:center;gap:12px;margin-top:12px}.reminder-row>input{flex:1}.toggle-line{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#374151}.toggle-line input{width:18px;height:18px}.composer-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.primary,.secondary{border:0;border-radius:12px;padding:12px 18px;font-weight:700}.primary{background:var(--blue);color:#fff}.secondary{background:#edf2ff;color:#315fae}.full{width:100%}.tabs{display:grid;grid-template-columns:1fr 1fr;margin:20px 0 12px;background:#eceff3;border-radius:14px;padding:4px}.tab{border:0;background:transparent;border-radius:11px;padding:11px;color:var(--muted);font-weight:700}.tab.active{background:#fff;color:var(--blue);box-shadow:0 2px 9px #17233d10}.tab span{display:inline-grid;place-items:center;margin-left:4px;min-width:22px;height:22px;border-radius:11px;background:var(--blue);color:#fff;font-size:12px}.group-title{margin:19px 4px 9px;font-weight:800;color:#2456ac}.group-title.overdue{color:var(--red)}.task-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:10px;box-shadow:0 3px 12px #17233d08}.task-check{width:24px;height:24px;margin-top:2px}.task-main{min-width:0}.task-title-line{display:flex;gap:8px;align-items:center}.task-title{font-size:16px;font-weight:750;overflow-wrap:anywhere}.priority{display:inline-grid;place-items:center;min-width:28px;padding:3px 7px;border-radius:8px;color:#fff;font-size:12px;font-weight:800}.priority.high{background:var(--red)}.priority.medium{background:var(--amber)}.priority.low{background:var(--slate)}.task-notes{margin-top:6px;color:#687183;font-size:13px;line-height:1.45;white-space:pre-wrap}.task-meta{margin-top:7px;display:flex;gap:10px;flex-wrap:wrap;color:#58709a;font-size:12px}.task-actions{display:flex;gap:2px}.task-actions button{border:0;background:transparent;color:#718096;padding:6px;font-size:15px}.completed-card{opacity:.68}.completed-card .task-title{text-decoration:line-through}.empty{text-align:center;color:var(--muted);padding:44px 16px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(180deg,#eef4ff,#f7f8fa)}.login-card{width:min(390px,100%);background:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 45px #24416e1c}.login-card h1{text-align:center;margin:12px 0 4px}.login-card p{text-align:center;color:var(--muted);margin:0 0 24px}.login-card label{margin-bottom:16px}.app-mark{width:54px;height:54px;border-radius:18px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:800;margin:auto}.error{min-height:20px;color:var(--red);font-size:13px;margin-top:10px;text-align:center}dialog{border:0;border-radius:20px;padding:24px;width:min(420px,calc(100% - 32px));box-shadow:0 20px 60px #0003}dialog::backdrop{background:#17233d88}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.safe-bottom{height:max(20px,env(safe-area-inset-bottom))}@media(max-width:430px){.app-shell{padding:14px 12px}.app-header h1{font-size:27px}.form-grid{grid-template-columns:1fr 1fr}.task-actions{flex-direction:column}.composer{padding:14px}.task-card{padding:13px 11px;gap:9px}}

.login-card .fingerprint-enable{display:flex;align-items:center;gap:9px;margin:14px 0;color:#43506a;font-size:14px}.fingerprint-enable input{width:18px;height:18px;margin:0;accent-color:var(--blue)}.fingerprint-button{width:100%;margin-top:10px;border:1px solid #b9c9ee;background:#f5f8ff;color:#285cc4}.fingerprint-icon{font-size:20px;line-height:1}.header-actions{display:flex;align-items:center;gap:8px}