:root{--sage: #4a6663;--sage-dark: #3c534f;--charcoal: #2c2b2a;--teal: #9bb5b0;--linen: #c9beb7;--ivory: #f7f3ef;--card-bg: #fffdfb;--muted: #6f6b66;--line: #e7ddd4;--danger: #b4544a;--radius: 16px;--radius-sm: 12px;--shadow: 0 1px 2px rgba(44, 43, 42, .05), 0 4px 16px rgba(44, 43, 42, .04);--shadow-lg: 0 8px 30px rgba(44, 43, 42, .14);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--appw: 500px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--ivory);color:var(--charcoal);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px;color:var(--charcoal)}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);padding:13px 16px;font-size:1rem;font-weight:600;background:var(--card-bg);color:var(--charcoal);transition:background .15s ease,border-color .15s ease,opacity .15s ease;min-height:50px}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.55}.btn-primary{background:var(--sage);color:#fff}.btn-primary:active{background:var(--sage-dark)}.btn-ghost{background:transparent;border-color:var(--line);font-weight:500}.btn-danger{background:transparent;color:var(--danger);border-color:#b4544a59}.btn-block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card-bg);color:var(--muted)}.icon-btn:active:not(:disabled){background:#4a666314;color:var(--sage)}.icon-btn.danger:active:not(:disabled){color:var(--danger)}.login-wrap{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:22px}.login-card{width:100%;max-width:400px;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px 24px}.login-brand{display:flex;align-items:center;gap:10px;color:var(--sage);margin-bottom:4px}.login-brand h1{font-size:1.3rem;color:var(--charcoal)}.login-sub{color:var(--muted);font-size:.9rem;margin-bottom:22px}.field{margin-bottom:16px}.field label{display:block;font-size:.85rem;font-weight:500;color:var(--muted);margin-bottom:6px}.input{width:100%;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--sage);box-shadow:0 0 0 3px #4a66631f}textarea.input{resize:vertical;min-height:76px}.pw-wrap{position:relative;display:flex;align-items:center}.pw-wrap .input{padding-right:50px}.pw-toggle{position:absolute;right:6px;border:none;background:transparent;color:var(--muted);padding:10px;border-radius:8px;display:inline-flex}.form-error{background:#b4544a17;color:var(--danger);border:1px solid rgba(180,84,74,.25);border-radius:var(--radius-sm);padding:11px 12px;font-size:.88rem;margin-bottom:16px}.wrap{max-width:var(--appw);margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--ivory);box-shadow:0 0 40px #2c2b2a0f}.appbar{position:sticky;top:0;z-index:20;background:#f7f3efeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top))}.appbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.appbar-brand{display:flex;align-items:center;gap:9px;color:var(--sage);min-width:0}.appbar-brand .title{font-size:1.02rem;font-weight:600;color:var(--charcoal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar-actions{display:flex;align-items:center;gap:4px}.content{position:relative;padding:0 16px calc(96px + env(safe-area-inset-bottom))}.hello{padding:16px 2px 2px}.hello .greet{font-size:1.2rem;font-weight:600}.hello .date{color:var(--muted);font-size:.9rem;margin-top:2px}.datenav{display:flex;align-items:center;gap:10px;margin:14px 0 16px}.date-center{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:52px;padding:6px}.date-center .dc-main{font-weight:600;font-size:.98rem;display:flex;align-items:center;gap:7px}.date-center .dc-sub{font-size:.72rem;color:var(--muted);margin-top:1px}.date-center input[type=date]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;border:0}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.sc{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);padding:13px;box-shadow:var(--shadow)}.sc.me{border-color:#4a666366}.sc-name{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.9rem;min-width:0}.sc-name .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{font-size:.66rem;font-weight:700;padding:2px 7px;border-radius:999px;background:#4a666321;color:var(--sage);flex:none}.pill.partner{background:#9bb5b04d;color:var(--sage-dark)}.sc-pct{font-size:1.7rem;font-weight:700;color:var(--sage);line-height:1;margin-top:8px}.sc-pct small{font-size:.85rem;font-weight:600;color:var(--muted)}.progress{height:7px;background:#c9beb780;border-radius:999px;overflow:hidden;margin:9px 0 8px}.progress>span{display:block;height:100%;background:var(--teal);border-radius:999px;transition:width .7s cubic-bezier(.22,.8,.24,1),background .4s ease}.sc.me .progress>span{background:var(--sage)}.sc-sub{font-size:.78rem;color:var(--muted)}.sc-sub b{color:var(--charcoal)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#c9beb759;border-radius:999px;padding:4px;margin-bottom:16px}.tab{border:none;background:transparent;border-radius:999px;padding:11px 8px;font-weight:600;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;font-size:.95rem}.tab.active{background:var(--card-bg);color:var(--charcoal);box-shadow:var(--shadow)}.tab .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:9.5em}.badge{font-size:.72rem;font-weight:700;background:#4a666324;color:var(--sage);border-radius:999px;padding:1px 8px;flex:none}.readonly-note{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--muted);background:#9bb5b029;border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 12px;margin-bottom:12px}.task-list{display:flex;flex-direction:column;gap:10px}.task{position:relative;display:flex;align-items:flex-start;gap:13px;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow)}.task.done{background:#faf7f3}.cat-ibadah{--c-bg: #eaf5f4;--c-line: #cfe6e4;--c-accent: #5aa9a6;--c-chip: #d2ebe8;--c-text: #28676a}.cat-pekerjaan{--c-bg: #edf2fb;--c-line: #d3dff2;--c-accent: #6f95cc;--c-chip: #d9e5f7;--c-text: #30548b}.cat-keluarga{--c-bg: #fdf3e3;--c-line: #f3e1bf;--c-accent: #e0a85a;--c-chip: #f9e5c0;--c-text: #85571a}.cat-self{--c-bg: #f2eefa;--c-line: #e0d8f1;--c-accent: #9d8acb;--c-chip: #e4dcf5;--c-text: #58449a}.cat-kesehatan{--c-bg: #fcedf1;--c-line: #f3d5de;--c-accent: #db8fa7;--c-chip: #f7d9e2;--c-text: #994a67}.cat-keuangan{--c-bg: #eff6e7;--c-line: #d9e8c7;--c-accent: #8fb46f;--c-chip: #deedcc;--c-text: #46692b}.cat-lainnya{--c-bg: #f4f1ed;--c-line: #e4dcd3;--c-accent: #b9ada2;--c-chip: #e8e1d9;--c-text: #675f57}.task[class*=cat-]{background:var(--c-bg);border-color:var(--c-line);border-left:5px solid var(--c-accent)}.task[class*=cat-].done{background:#faf7f3}.task[class*=cat-] .checkbox{border-color:var(--c-accent)}.task[class*=cat-] .checkbox.checked,.task[class*=cat-] .checkbox.readonly.checked{background:var(--c-accent);border-color:var(--c-accent)}.chip.chip-cat{background:var(--c-chip);color:var(--c-text);font-weight:500}.tpl-card[class*=cat-]{background:var(--c-bg);border-color:var(--c-line);border-left:5px solid var(--c-accent)}.tpl-card[class*=cat-] .tpl-cat{color:var(--c-text)}.task.done .task-title{text-decoration:line-through;color:var(--muted)}.checkbox{flex:none;width:28px;height:28px;border-radius:9px;border:2px solid var(--linen);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-top:1px;padding:0;position:relative;transition:background .15s ease,border-color .15s ease}button.checkbox:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:14px}.checkbox.checked{background:var(--sage);border-color:var(--sage)}.checkbox.readonly.checked{background:var(--teal);border-color:var(--teal)}.task-body{flex:1;min-width:0}.task-title{font-weight:500;word-break:break-word;line-height:1.35}.task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:6px;font-size:.78rem;color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:5px;background:#c9beb74d;border-radius:999px;padding:3px 9px;font-size:.74rem;color:var(--sage-dark)}.task-note{margin-top:7px;font-size:.85rem;color:var(--muted);word-break:break-word}.task-menu-wrap{position:relative;flex:none;margin:-5px -6px -5px 0}.task-more{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:transparent;color:var(--muted)}.task-more:active:not(:disabled),.task-more[aria-expanded=true]{background:#2c2b2a12;color:var(--charcoal)}.task-more:disabled{opacity:.5}.task-menu{position:absolute;right:0;top:calc(100% - 2px);z-index:20;min-width:156px;padding:5px;background:var(--card-bg);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);transform-origin:top right;animation:menu-in .14s ease-out}.task-menu.up{top:auto;bottom:calc(100% - 2px);transform-origin:bottom right}.task-menu button{width:100%;min-height:46px;display:flex;align-items:center;gap:11px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:var(--charcoal);font-size:.95rem;text-align:left}.task-menu button:active{background:#4a66631a}.task-menu button.danger{color:var(--danger)}.task-menu button.danger:active{background:#b4544a1a}.task-menu button+button{border-top:1px solid var(--line);border-radius:0 0 10px 10px}.task-menu button:first-child{border-radius:10px 10px 0 0}@keyframes menu-in{0%{opacity:0;transform:scale(.92) translateY(-4px)}to{opacity:1;transform:none}}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);padding:34px 18px;font-size:.92rem;background:#fffdfb99}.skeleton{background:linear-gradient(90deg,#f0e9e2 25%,#f7f2ec 37%,#f0e9e2 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:var(--radius);height:64px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.center-note{text-align:center;color:var(--muted);padding:40px 0}.sync-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;font-size:.75rem;color:var(--muted)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottombar{position:fixed;left:0;right:0;bottom:0;z-index:30;max-width:var(--appw);margin:0 auto;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--ivory) 65%,rgba(247,243,239,0))}.bottombar .btn{box-shadow:var(--shadow-lg)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#2c2b2a6b;display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-width:var(--appw);background:var(--ivory);border-radius:20px 20px 0 0;box-shadow:var(--shadow-lg);padding:10px 18px calc(20px + env(safe-area-inset-bottom));max-height:92vh;max-height:92dvh;overflow-y:auto}.grabber{width:40px;height:4px;background:var(--linen);border-radius:999px;margin:6px auto 12px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-head h3{font-size:1.12rem}.modal-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions .btn{flex:1}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom));z-index:60;display:flex;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:calc(var(--appw) - 32px);pointer-events:none}.toast{pointer-events:auto;border-radius:var(--radius-sm);padding:12px 14px;font-size:.9rem;box-shadow:var(--shadow-lg);animation:rise .2s ease}.toast.success{background:var(--sage);color:#fff}.toast.error{background:var(--danger);color:#fff}.toast.info{background:var(--charcoal);color:#fff}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width: 380px){.modal-row{grid-template-columns:1fr}}.icon-btn.bell{position:relative}.bell-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:.68rem;font-weight:700;line-height:17px;text-align:center;border:2px solid var(--ivory);box-sizing:content-box}.push-card{background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:14px}.push-card.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.push-title{display:flex;align-items:center;gap:7px;font-weight:600;font-size:.95rem;color:var(--sage)}.push-text{margin-top:4px;font-size:.86rem;color:var(--muted)}.push-steps{margin:8px 0 0;padding-left:20px;font-size:.88rem;color:var(--charcoal)}.push-steps li{margin-bottom:4px}.push-btn{flex:none;min-height:40px;padding:0 16px}.notif-list{list-style:none;margin:0;padding:0;max-height:46vh;overflow-y:auto}.notif{display:flex;gap:12px;padding:12px 4px;border-top:1px solid var(--line)}.notif:first-child{border-top:0}.notif-ic{flex:none;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#4a66631f;color:var(--sage)}.notif.t-all_done .notif-ic{background:var(--sage);color:#fff}.notif.t-target_added .notif-ic{background:#9bb5b059}.notif-body{min-width:0;flex:1}.notif-title{font-weight:500;font-size:.93rem;line-height:1.35}.notif.unread .notif-title{font-weight:700}.notif.unread{background:#4a66630d;border-radius:var(--radius-sm);padding-left:10px;padding-right:10px}.notif-text{font-size:.86rem;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}.notif-time{font-size:.76rem;color:var(--muted);margin-top:3px;opacity:.85}.dn-group{display:flex;flex-direction:column;gap:10px;margin:0 0 14px}.dn-card{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px 14px}.dn-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:22px}.dn-title{display:flex;align-items:center;gap:7px;font-weight:600;font-size:.93rem;color:var(--sage)}.dn-hint{margin-top:3px;font-size:.8rem;color:var(--muted)}.dn-input{display:block;width:100%;margin-top:9px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;line-height:1.45;resize:none;outline:none;overflow-y:auto}.dn-input::placeholder{color:#a39d96}.dn-input:focus{border-color:var(--sage);box-shadow:0 0 0 3px #4a66631f}.dn-template{margin-top:8px;padding:7px 12px;border-radius:999px;border:1px dashed rgba(74,102,99,.5);background:transparent;color:var(--sage);font-size:.82rem;font-weight:500}.dn-template:active{background:#4a666314}.dn-status{font-size:.75rem;color:var(--muted);background:none;border:0;padding:0}.dn-status.ok{color:var(--sage)}.dn-status.err{color:var(--danger);text-align:right;font-weight:500;text-decoration:underline}.dn-readonly{margin-top:8px;font-size:.95rem;white-space:pre-wrap;overflow-wrap:anywhere}.dn-empty{margin-top:8px;font-size:.88rem;color:var(--muted);font-style:italic}.task-list+.dn-group,.empty+.dn-group{margin-top:18px}.bottombar-row{display:flex;gap:10px}.bottombar-row .btn-primary{flex:1;box-shadow:var(--shadow-lg)}.tpl-open{flex:none;background:var(--card-bg);box-shadow:var(--shadow-lg);border-color:var(--line);color:var(--sage)}.tpl-intro{font-size:.86rem;color:var(--muted);margin:-4px 0 14px}.tpl-intro b{color:var(--charcoal);font-weight:600}.tpl-all{margin-bottom:14px}.tpl-card{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:10px}.tpl-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tpl-cat{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;color:var(--sage);min-width:0}.tpl-apply{min-height:38px;padding:0 14px;font-size:.88rem;color:var(--sage);border-color:#4a666373;flex:none}.tpl-list{list-style:none;margin:8px 0 0;padding:0}.tpl-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--line)}.tpl-item:first-child{border-top:0}.tpl-title{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:.95rem;overflow-wrap:anywhere;min-width:0}.tpl-edit-btn{width:40px;height:40px}.tpl-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}.tpl-none{font-size:.85rem;color:var(--muted);font-style:italic;margin-right:auto}.tpl-add{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:999px;border:1px dashed rgba(74,102,99,.5);background:transparent;color:var(--sage);font-size:.84rem;font-weight:500}.tpl-add:active:not(:disabled){background:#4a666314}.tpl-add:disabled{opacity:.5}.tpl-edit{width:100%;display:flex;flex-direction:column;gap:10px;padding:8px 0 2px}.tpl-edit-row{display:flex;flex-direction:column;gap:10px}.tpl-time{display:flex;flex-direction:column;gap:5px;font-size:.8rem;color:var(--muted)}.tpl-edit-actions{display:flex;gap:8px}.tpl-btn{flex:1;min-height:44px;padding:0 10px;font-size:.92rem}.ch-enable{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 14px;padding:12px 14px;text-align:left;border-radius:var(--radius);border:1.5px dashed rgba(194,65,12,.55);background:#fff6ef;color:#7c2d12}.ch-enable:active{background:#ffe9d8}.ch-enable-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#c2410c,#ea580c);color:#fff}.ch-enable-text{display:flex;flex-direction:column;gap:1px;min-width:0}.ch-enable-text b{font-size:.95rem;font-weight:600}.ch-enable-text small{font-size:.8rem;color:#9a5a3c;line-height:1.35}.ch-card{margin:0 0 14px;padding:14px;border-radius:var(--radius);color:#fff;background:linear-gradient(150deg,#3b1409,#7c2d12 55%,#c2410c);box-shadow:0 8px 24px #c2410c47,0 1px 2px #2c2b2a1f;border:1px solid rgba(251,191,36,.35)}.ch-card.done{background:linear-gradient(150deg,#422006,#92400e,#d97706);border-color:#fde04799;box-shadow:0 8px 24px #d9770652,0 1px 2px #2c2b2a1f}.ch-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px}.ch-title{display:flex;align-items:center;gap:7px;font-weight:700;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:#fde68a;white-space:nowrap;min-width:0}.ch-head-right{display:flex;align-items:center;gap:10px}.ch-status{font-size:.74rem;color:#ffffffbf;background:none;border:0;padding:0}.ch-status.err{color:#fecaca;text-decoration:underline;font-weight:500}.ch-off{background:none;border:0;padding:4px 2px;font-size:.78rem;color:#ffffffb3;text-decoration:underline}.ch-hint{margin-top:6px;font-size:.82rem;line-height:1.4;color:#ffffffd1}.ch-input{display:block;width:100%;margin-top:10px;padding:11px 12px;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-sm);background:#ffffff1f;color:#fff;line-height:1.45;resize:none;outline:none;overflow-y:auto}.ch-input::placeholder{color:#ffffff94}.ch-input:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2447}.ch-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ch-chip{padding:6px 11px;border-radius:999px;border:1px dashed rgba(253,230,138,.7);background:transparent;color:#fde68a;font-size:.8rem}.ch-chip:active{background:#fde68a29}.ch-done-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;min-height:48px;border-radius:var(--radius-sm);border:0;background:#fff;color:#7c2d12;font-weight:700;font-size:1rem}.ch-done-btn:active:not(:disabled){transform:scale(.99)}.ch-done-btn:disabled{opacity:.5}.ch-card.done .ch-done-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.5)}.ch-note{margin-top:6px;font-size:.76rem;color:#ffffffb3;text-align:center}.ch-readonly{margin-top:10px;font-size:.97rem;font-weight:500;white-space:pre-wrap;overflow-wrap:anywhere}.ch-empty{margin-top:10px;font-size:.88rem;font-style:italic;color:#ffffffbf}.ch-badge{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:5px 11px;border-radius:999px;font-size:.8rem;font-weight:600;background:#ffffff29;color:#fff}.ch-badge.ok{background:#fff;color:#92400e}.task{transition:background .4s ease,border-color .4s ease}.checkbox.fresh{animation:cb-pop .5s cubic-bezier(.34,1.56,.64,1)}.checkbox.fresh svg path{stroke-dasharray:24;stroke-dashoffset:24;animation:cb-draw .32s .08s ease-out forwards}@keyframes cb-pop{0%{transform:scale(.8)}55%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes cb-draw{to{stroke-dashoffset:0}}.burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.burst i{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--c-accent, var(--sage));opacity:0;animation:burst-out .62s .05s cubic-bezier(.2,.8,.3,1) forwards}.burst i:nth-child(odd){width:5px;height:5px;left:-2.5px;top:-2.5px;background:var(--c-text, var(--sage-dark));opacity:0}@keyframes burst-out{0%{opacity:1;transform:rotate(var(--a)) translateY(-8px) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(-27px) scale(.3)}}.task.fresh{animation:card-glow .7s ease-out}@keyframes card-glow{0%{box-shadow:0 0 0 0 var(--c-accent, var(--sage))}35%{box-shadow:0 0 0 5px color-mix(in srgb,var(--c-accent, #4a6663) 28%,transparent),0 6px 20px color-mix(in srgb,var(--c-accent, #4a6663) 25%,transparent)}to{box-shadow:var(--shadow)}}.task.fresh .task-title{animation:strike-in .5s ease-out}@keyframes strike-in{0%{text-decoration-color:transparent;color:var(--charcoal)}}.task-pop{position:absolute;right:30px;z-index:5;padding:4px 11px;border-radius:999px;background:var(--sage-dark);color:#fff;font-size:.74rem;font-weight:600;letter-spacing:.01em;box-shadow:0 4px 12px #2c2b2a2e;pointer-events:none;animation:pop-float 1.7s ease-out forwards}@keyframes pop-float{0%{opacity:0;transform:translateY(8px) scale(.9)}14%{opacity:1;transform:translateY(0) scale(1)}72%{opacity:1;transform:translateY(-3px) scale(1)}to{opacity:0;transform:translateY(-9px) scale(1)}}.sc{transition:box-shadow .4s ease,border-color .4s ease}.sc.bump{animation:sc-bump .6s cubic-bezier(.34,1.56,.64,1)}@keyframes sc-bump{0%{transform:scale(1)}40%{transform:scale(1.035)}to{transform:scale(1)}}.sc-pct{font-variant-numeric:tabular-nums}.sc.full{border-color:#e2b84d;box-shadow:0 0 0 3px #e2b84d2e,var(--shadow)}.sc.full .progress>span,.sc.me.full .progress>span{background:linear-gradient(90deg,#e0a85a,#f2c14e)}.sc.full .sc-pct,.sc-win{color:#a8741a}.celebrate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;overflow:hidden}.confetti{position:absolute;top:0;right:0;bottom:0;left:0}.confetti i{position:absolute;top:-16px;opacity:0;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.25,.6,.45,1);animation-fill-mode:forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateZ(0) rotate(0)}85%{opacity:1}to{opacity:0;transform:translate3d(var(--drift),105vh,0) rotate(var(--rot))}}.celebrate-card{pointer-events:auto;position:absolute;left:50%;top:calc(env(safe-area-inset-top,0px) + 74px);width:min(calc(100% - 32px),420px);transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);background:linear-gradient(135deg,#fff8e6,#fdf0cf);border:1px solid #ecd28a;box-shadow:0 10px 34px #a8741a47;animation:cel-in .55s cubic-bezier(.34,1.56,.64,1),cel-out .4s 3.7s ease-in forwards}.celebrate-badge{flex:none;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#e0a85a,#f2c14e);animation:badge-spin .9s .1s cubic-bezier(.34,1.56,.64,1)}.celebrate-title{font-weight:700;color:#7a5410;font-size:1.02rem}.celebrate-sub{color:#8a6a2a;font-size:.85rem;margin-top:2px}@keyframes cel-in{0%{opacity:0;transform:translate(-50%) translateY(-18px) scale(.92)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes cel-out{to{opacity:0;transform:translate(-50%) translateY(-12px) scale(.96)}}@keyframes badge-spin{0%{transform:scale(.4) rotate(-120deg)}to{transform:scale(1) rotate(0)}}@media (prefers-reduced-motion: reduce){.checkbox.fresh,.checkbox.fresh svg path,.burst i,.task.fresh,.task.fresh .task-title,.sc.bump,.celebrate-card,.celebrate-badge,.task-menu{animation:none!important}.checkbox.fresh svg path{stroke-dashoffset:0}.task-pop{animation:pop-fade 1.7s ease-out forwards}.progress>span{transition:none}}@keyframes pop-fade{0%,80%{opacity:1}to{opacity:0}}.acct-wrap{position:relative}.acct-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:200px;padding:5px;background:var(--card-bg);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);transform-origin:top right;animation:menu-in .14s ease-out}.acct-who{padding:9px 13px 8px;font-size:.78rem;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:4px}.acct-who b{color:var(--charcoal);font-weight:600}.acct-menu button{width:100%;min-height:48px;display:flex;align-items:center;gap:11px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:var(--charcoal);font-size:.95rem;text-align:left}.acct-menu button:active:not(:disabled){background:#4a66631a}.acct-menu button:disabled{opacity:.55}.acct-menu button.danger{color:var(--danger);margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 10px 10px}.acct-menu button.danger:active{background:#b4544a1a}.dn-group{gap:8px}.dn-card.folded{padding:0 6px 0 14px}.dn-card.open{padding-top:4px}.dn-head{min-height:48px}.dn-toggle{flex:1;min-width:0;min-height:48px;display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;text-align:left;color:inherit}.dn-card.open .dn-toggle{justify-content:space-between}.dn-title{flex:none}.dn-summary{flex:1;min-width:0;font-size:.85rem;color:var(--charcoal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.dn-summary.empty{color:#8a847d;font-style:italic}.dn-chev{flex:none;color:var(--muted);transition:transform .18s ease;margin-right:8px}.dn-chev.open{transform:rotate(90deg)}.dn-card.open .dn-head{padding-right:0}.dn-body{padding-bottom:12px}.dn-card.open .dn-hint{margin-top:0}.ch-card.compact{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px}.ch-compact-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;background:none;border:0;padding:4px 0;min-height:44px;justify-content:center;text-align:left;color:inherit}.ch-kicker{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:#fde68af2}.ch-compact-text{font-size:.95rem;font-weight:500;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.ch-compact-done{flex:none;min-width:76px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 14px;border-radius:12px;border:0;background:#fff;color:#7c2d12;font-weight:600;font-size:.9rem}.ch-compact-done:disabled{opacity:.6}.ch-card.done .ch-compact-done{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.5)}.ch-card.compact .ch-badge{margin:0;flex:none}.ch-fold{margin-left:auto;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:#fffc;transform:rotate(-90deg)}.sc-pct.none{color:var(--muted);font-weight:500}.empty-cta{margin:0 0 14px;padding:18px 16px 8px;text-align:center;background:var(--card-bg);border:1px dashed #cdbfb3;border-radius:var(--radius)}.ec-title{font-weight:600;font-size:1.02rem}.ec-sub{margin:4px 0 14px;font-size:.86rem;color:var(--muted)}.empty-tpl{gap:8px}.ec-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:48px;margin-top:2px;background:none;border:0;color:var(--sage);font-weight:500;font-size:.92rem}.lv0{background:transparent;border:1px dashed #d8cdc3;color:#8a847d}.lv1{background:#efe6dd;border:1px solid #e2d6cb;color:#6f6b66}.lv2{background:#cfdcd9;border:1px solid #c1d1cd;color:#2f4745}.lv3{background:#5f827d;border:1px solid #5f827d;color:#fff}.lv4{background:#3c5654;border:1px solid #3c5654;color:#fff}.streak-row{width:100%;display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px;min-height:56px;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;text-align:left}.streak-row:active{background:#f6f1ec}.streak-ic{flex:none;width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#efe8e1;color:#8a847d}.streak-row.on .streak-ic{background:linear-gradient(150deg,#fb923c,#c2410c);color:#fff}.streak-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.streak-main{font-size:.95rem;font-weight:500}.streak-main b{font-size:1.15rem;font-weight:700;color:var(--sage)}.streak-sub{font-size:.78rem;color:var(--muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-strip{flex:none;display:grid;grid-template-columns:repeat(7,7px);grid-auto-rows:7px;gap:3px}.mini-strip i{display:block;border-radius:2px}.streak-chev{flex:none;color:var(--muted)}.hist-intro{margin:8px 0 0;font-size:.84rem;color:var(--muted);line-height:1.45}.hist-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.hist-stats>div{background:#f6f1ec;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:1px}.hist-stats b{font-size:1.2rem;font-weight:700;color:var(--sage);line-height:1.2}.hist-stats small{font-size:.7rem;color:var(--muted);line-height:1.25}.hist-who{margin-bottom:12px}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cal-nav .icon-btn:disabled{opacity:.3}.cal-title{font-weight:600;font-size:1.02rem}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:12px;transition:opacity .15s ease}.cal-grid.loading{opacity:.45;pointer-events:none}.cal-wd{text-align:center;font-size:.72rem;font-weight:600;color:var(--muted);padding:2px 0 4px}.hc.future{border:1px solid transparent;color:#c4bcb4;font-weight:500}.hc{aspect-ratio:1;min-width:0;padding:0;border-radius:8px;font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.hc.today{box-shadow:0 0 0 2px var(--card-bg),0 0 0 4px var(--sage)}.hc:active{transform:scale(.94)}.hist-legend{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:.74rem;color:var(--muted);padding-bottom:6px}.hist-legend span{display:inline-flex;align-items:center;gap:5px}.hist-legend i{display:inline-block;width:12px;height:12px;border-radius:4px}.react-trigger.has{background:#ffffffb3;font-size:1.25rem;line-height:1}.react-trigger:not(.has){color:#a0746d}.react-pop{position:absolute;right:0;top:calc(100% - 2px);z-index:20;display:flex;gap:2px;padding:4px;background:var(--card-bg);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);transform-origin:top right;animation:menu-in .14s ease-out}.react-pop.up{top:auto;bottom:calc(100% - 2px);transform-origin:bottom right}.react-btn{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:transparent;font-size:1.2rem;line-height:1;transition:background .15s ease}.react-btn.on{background:#4a66631f;box-shadow:inset 0 0 0 1.5px var(--sage)}.react-btn:active{background:#2c2b2a12}.react-btn.on .react-emoji{animation:react-pop .42s cubic-bezier(.34,1.56,.64,1)}.react-emoji{display:inline-block}@keyframes react-pop{0%{transform:scale(.5)}60%{transform:scale(1.35)}to{transform:scale(1)}}.react-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px 2px 7px;border-radius:999px;background:#ffffffd9;border:1px solid var(--c-line, var(--line));color:var(--charcoal);font-size:.76rem;animation:react-pop .5s cubic-bezier(.34,1.56,.64,1)}.notif.t-reaction .notif-ic{background:#fde7ea;color:#b4544a}@media (prefers-reduced-motion: reduce){.react-btn.on .react-emoji,.react-chip{animation:none}}