@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=IBM+Plex+Sans:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--ember: #ef8e3c;--ember-soft: #f4a862;--ember-deep: #c96a23;--teal: #5fb7a8;--rose: #e0645b;--amber: #e8b04a;--green: #7fb069;--radius: 14px;--radius-sm: 9px;--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--display: "Fraunces", Georgia, "Songti SC", serif}:root,[data-theme=dark]{--bg: #16130f;--bg-grad: #1d1813;--surface: #211b15;--surface-2: #2a231b;--line: #3a3026;--line-soft: #2e261d;--text: #f3ece1;--text-dim: #b6a892;--text-faint: #7d7060}[data-theme=light]{--bg: #f7f3ec;--bg-grad: #fffdf9;--surface: #ffffff;--surface-2: #f1ebe0;--line: #e3dac9;--line-soft: #ece4d7;--text: #2a2118;--text-dim: #6b5d49;--text-faint: #9a8b75}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%}body{font-family:var(--sans);color:var(--text);background:radial-gradient(1200px 600px at 80% -10%,rgba(239,142,60,.1),transparent 60%),linear-gradient(160deg,var(--bg-grad),var(--bg));background-attachment:fixed;-webkit-font-smoothing:antialiased;line-height:1.5}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.beat{display:inline-flex;align-items:flex-end;gap:3px}.beat i{width:3px;border-radius:2px;background:var(--ember);transform-origin:bottom;animation:beat 1.5s ease-in-out infinite}.beat i:nth-child(1){height:55%}.beat i:nth-child(2){height:100%;animation-delay:.2s}.beat i:nth-child(3){height:72%;animation-delay:.4s}.login .beat i:nth-child(1){height:42%;animation-delay:0s}.login .beat i:nth-child(2){height:72%;animation-delay:.16s}.login .beat i:nth-child(3){height:100%;animation-delay:.32s}.login .beat i:nth-child(4){height:66%;animation-delay:.48s}.login .beat i:nth-child(5){height:48%;animation-delay:.64s}@keyframes beat{0%,to{transform:scaleY(.5);opacity:.6}50%{transform:scaleY(1);opacity:1}}@media (prefers-reduced-motion: reduce){.beat i{animation:none}}.login{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;margin:0 auto;text-align:center}.login .beat{height:40px;margin-bottom:30px;justify-content:center;gap:7px}.login .beat i{width:5px}.brand{font-family:var(--display);font-weight:600;font-size:46px;letter-spacing:-.025em;line-height:1}.brand-sub{color:var(--text-faint);font-size:13px;letter-spacing:.5em;text-transform:uppercase;margin-top:12px;padding-left:.5em}.login form{margin-top:36px;display:flex;flex-direction:column;gap:14px}.login input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:15px 16px;font-size:15px;text-align:center}.login input:focus{outline:none;border-color:var(--ember)}.btn-primary{background:linear-gradient(135deg,var(--ember),var(--ember-deep));color:#1a1208;font-weight:600;border-radius:var(--radius-sm);padding:14px;font-size:15px;transition:filter .2s,transform .15s}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:active{transform:scale(.98)}.login-err{color:var(--rose);font-size:13px;min-height:18px}.app{display:flex;flex-direction:column;min-height:100vh;max-width:760px;margin:0 auto}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(180deg,var(--bg-grad),rgba(0,0,0,0))}.logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:21px;font-weight:600}.logo .beat{height:16px}.spacer{flex:1}.icon-btn{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--text-dim);transition:all .2s;font-size:18px}.icon-btn:hover{color:var(--text);border-color:var(--ember)}main{flex:1;padding:8px 18px 120px}.page-title{font-family:var(--display);font-size:24px;font-weight:600;margin:6px 0 4px}.page-sub{color:var(--text-faint);font-size:13px;margin-bottom:14px}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line-soft);padding:8px 4px calc(8px + env(safe-area-inset-bottom));max-width:760px;margin:0 auto}.tabbar button{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-faint);font-size:11px;padding:4px 10px;border-radius:10px}.tabbar button .ic{font-size:21px}.tabbar button.active{color:var(--ember)}.fab{position:fixed;right:20px;bottom:calc(74px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--ember),var(--ember-deep));color:#1a1208;display:grid;place-items:center;box-shadow:0 12px 30px -8px #ef8e3c99;z-index:25;font-size:26px;transition:transform .15s}.fab:active{transform:scale(.92)}.group{margin-top:20px}.group-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid var(--line-soft)}.group-title{font-family:var(--display);font-size:18px;font-weight:600}.group-title.overdue{color:var(--rose)}.group-title.today{color:var(--ember)}.group-count{font-family:var(--mono);font-size:12px;color:var(--text-faint)}.task{display:flex;align-items:flex-start;gap:13px;padding:13px 15px;margin-bottom:8px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);border-left:3px solid var(--line);transition:transform .15s,background .2s;cursor:pointer}.task:active{transform:scale(.995)}.task.p2{border-left-color:var(--rose)}.task.p1{border-left-color:var(--amber)}.task.p0{border-left-color:var(--teal)}.task.done{opacity:.5}.task.done .task-title{text-decoration:line-through;color:var(--text-dim)}.check{flex-shrink:0;width:22px;height:22px;border-radius:7px;border:2px solid var(--line);margin-top:1px;display:grid;place-items:center;transition:all .2s}.task.done .check{background:var(--green);border-color:var(--green)}.check .tick{width:13px;height:13px;opacity:0;transition:opacity .2s}.task.done .check .tick{opacity:1}.task-body{flex:1;min-width:0}.task-title{font-size:15px;font-weight:500;word-break:break-word}.task-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px;align-items:center}.tag{font-size:11.5px;padding:2px 9px;border-radius:6px;background:var(--surface-2);color:var(--text-dim)}.tag.proj{background:#5fb7a826;color:var(--teal)}.tag.urgent{background:#e0645b29;color:var(--rose)}.tag.time{font-family:var(--mono);background:transparent;padding:2px 0;color:var(--text-faint)}.tag.time.soon{color:var(--ember)}.empty{text-align:center;padding:70px 20px;color:var(--text-faint)}.empty svg{color:var(--ember);opacity:.55;margin-bottom:14px}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a080599;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-width:520px;background:var(--surface);border:1px solid var(--line);border-radius:20px 20px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom));max-height:92vh;overflow-y:auto;animation:up .3s cubic-bezier(.2,.8,.2,1)}@keyframes up{0%{transform:translateY(40px);opacity:.5}}.modal-head{display:flex;align-items:center;margin-bottom:16px}.modal-head h3{font-family:var(--display);font-size:20px;font-weight:600}.modal-head .close{margin-left:auto;width:34px;height:34px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;color:var(--text-dim);font-size:18px}.field{margin-bottom:14px}.field label{display:block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:7px}.field input,.field textarea,.field select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 13px;font-size:15px}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--ember)}.field textarea{resize:vertical;min-height:60px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pri{display:flex;gap:8px}.pri button{flex:1;padding:11px;border-radius:10px;background:var(--bg);border:1px solid var(--line);font-size:13.5px;color:var(--text-dim)}.pri button.sel[data-p="2"]{background:#e0645b29;border-color:var(--rose);color:var(--rose)}.pri button.sel[data-p="1"]{background:#e8b04a24;border-color:var(--amber);color:var(--amber)}.pri button.sel[data-p="0"]{background:#5fb7a824;border-color:var(--teal);color:var(--teal)}.urgent-toggle{display:flex;align-items:center;gap:9px;padding:11px 13px;background:var(--bg);border:1px solid var(--line);border-radius:10px;font-size:14px;cursor:pointer}.urgent-toggle.on{border-color:var(--rose);color:var(--rose)}.modal-actions{display:flex;gap:10px;margin-top:18px}.modal-actions .save{flex:1}.modal-actions .del{width:50px;border-radius:11px;background:var(--surface-2);color:var(--rose);display:grid;place-items:center;border:1px solid var(--line);font-size:18px}@media (min-width: 620px){.mask{align-items:center}.modal{border-radius:20px}}.row-between{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.stat3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 8px}.stat{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:12px 13px}.stat-label{font-size:12px;color:var(--text-faint)}.stat-num{font-size:21px;font-weight:600;margin-top:3px;font-family:var(--mono)}.stat-num.warn{color:var(--amber)}.stat-num.ok{color:var(--green)}.reim{display:flex;align-items:center;gap:14px;padding:13px 15px;margin-bottom:8px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);cursor:pointer;transition:background .2s}.reim:active{background:var(--surface-2)}.reim-amt{font-family:var(--mono);font-size:19px;font-weight:600;color:var(--ember);flex-shrink:0;min-width:72px}.reim-body{flex:1;min-width:0}.reim-purpose{font-size:15px;font-weight:500;word-break:break-word}.tag.ok-tag{background:#7fb06929;color:var(--green)}.tag.sub-tag{background:#e8b04a29;color:var(--amber)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{padding:9px 15px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:13.5px;color:var(--text-dim)}.chips button.sel{background:#ef8e3c24;border-color:var(--ember);color:var(--ember)}.thumbs{display:flex;flex-wrap:wrap;gap:10px}.thumb{position:relative;width:76px;height:76px;border-radius:10px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-doc{font-size:13px;color:var(--text-dim)}.thumb-x{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;font-size:11px;display:grid;place-items:center}.thumb.add{border-style:dashed;cursor:pointer;color:var(--text-faint)}.thumb.add span{text-align:center;font-size:18px;line-height:1.2}.thumb.add small{font-size:10px}.urgent-toggle.onok{border-color:var(--green);color:var(--green)}