:root{--ground: #F8F4FB;--surface: #FFFFFF;--surface-2: #F2EAF9;--ink: #362C42;--ink-soft: #665C74;--ink-faint: #A193AD;--accent: #B083CE;--accent-strong: #8B5BAF;--accent-wash: #F0E6F9;--lilac: #CBA6E6;--line: #E7D9F1;--good: #6FB894;--today: #E7A94A;--soon: #5FBFB0;--someday: #8E9AD8;--letgo: #ADA2B6;--shadow: 0 10px 30px -12px rgba(120, 60, 95, .28);--shadow-soft: 0 4px 16px -8px rgba(120, 60, 95, .25);--r-blob: 22px;--font-display: "SF Pro Rounded", ui-rounded, "Quicksand", "Nunito", "Segoe UI", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media(prefers-color-scheme:dark){:root{--ground: #1E1826;--surface: #2A2233;--surface-2: #352A41;--ink: #F1E9F4;--ink-soft: #C4B4CE;--ink-faint: #8B7C95;--accent: #C39BE3;--accent-strong: #D7B4EF;--accent-wash: #362A44;--lilac: #CBB2E8;--line: #3E3049;--good: #79C4A0;--today: #E9B463;--soon: #6ECABB;--someday: #99A4E2;--letgo: #8C7D95;--shadow: 0 12px 34px -14px rgba(0, 0, 0, .55);--shadow-soft: 0 4px 18px -10px rgba(0, 0, 0, .5)}}:root[data-theme=light]{--ground: #F8F4FB;--surface: #FFFFFF;--surface-2: #F2EAF9;--ink: #362C42;--ink-soft: #665C74;--ink-faint: #A193AD;--accent: #B083CE;--accent-strong: #8B5BAF;--accent-wash: #F0E6F9;--lilac: #CBA6E6;--line: #E7D9F1;--good: #6FB894;--today: #E7A94A;--soon: #5FBFB0;--someday: #8E9AD8;--letgo: #ADA2B6;--shadow: 0 10px 30px -12px rgba(120, 60, 95, .28);--shadow-soft: 0 4px 16px -8px rgba(120, 60, 95, .25)}:root[data-theme=dark]{--ground: #1E1826;--surface: #2A2233;--surface-2: #352A41;--ink: #F1E9F4;--ink-soft: #C4B4CE;--ink-faint: #8B7C95;--accent: #C39BE3;--accent-strong: #D7B4EF;--accent-wash: #362A44;--lilac: #CBB2E8;--line: #3E3049;--good: #79C4A0;--today: #E9B463;--soon: #6ECABB;--someday: #99A4E2;--letgo: #8C7D95;--shadow: 0 12px 34px -14px rgba(0, 0, 0, .55);--shadow-soft: 0 4px 18px -10px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body{margin:0;padding:0}.app{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1100px 520px at 12% -8%,var(--accent-wash),transparent 60%),radial-gradient(900px 500px at 108% 4%,color-mix(in srgb,var(--lilac) 30%,transparent),transparent 62%),var(--ground);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}.wrap{max-width:760px;margin:0 auto;padding:22px 18px 120px}header.top{display:flex;align-items:center;gap:14px;margin-bottom:6px}.brand{display:flex;flex-direction:column;gap:1px}.brand h1{font-family:var(--font-display);font-size:clamp(1.4rem,4.5vw,1.85rem);letter-spacing:-.01em;margin:0;line-height:1.05}.brand p{margin:0;font-size:.82rem;color:var(--ink-soft)}.top-spacer{flex:1}.theme-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);width:40px;height:40px;border-radius:50%;font-size:1.05rem;cursor:pointer;display:grid;place-items:center;transition:transform .15s ease,background .15s ease;flex-shrink:0}.theme-btn:hover{background:var(--surface-2);transform:rotate(-12deg)}.ditto-stage{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-blob);padding:16px 18px;box-shadow:var(--shadow-soft);margin:14px 0 20px}.ditto{width:74px;height:74px;flex-shrink:0;animation:idle 5.5s ease-in-out infinite;transform-origin:50% 85%;cursor:pointer}.ditto svg{display:block;width:100%;height:100%;overflow:visible}@keyframes idle{0%,to{transform:scale(1) rotate(0)}20%{transform:scale(1.06,.94) rotate(-2.5deg)}42%{transform:scale(.95,1.06) rotate(2.5deg)}64%{transform:scale(1.03,.97) rotate(-1.5deg)}82%{transform:scale(.98,1.02) rotate(1deg)}}.ditto:hover{animation:wiggle .6s ease}.ditto.bob{animation:wiggle .7s ease}@keyframes wiggle{0%,to{transform:rotate(0) scale(1)}18%{transform:rotate(-8deg) scale(1.08,.9)}40%{transform:rotate(7deg) scale(.92,1.1)}62%{transform:rotate(-5deg) scale(1.05,.96)}82%{transform:rotate(3deg) scale(.98,1.02)}}.ditto.celebrate{animation:pop .65s ease}@keyframes pop{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.25,.76) rotate(-4deg)}55%{transform:scale(.86,1.16) rotate(4deg)}78%{transform:scale(1.08,.94) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.ditto .m-happy,.ditto .m-sleep,.ditto .e-happy,.ditto .e-sleep,.ditto .m-think,.ditto .e-think,.ditto .t-think,.ditto[data-mood=happy] .m-default,.ditto[data-mood=happy] .e-default{display:none}.ditto[data-mood=happy] .m-happy,.ditto[data-mood=happy] .e-happy{display:block}.ditto[data-mood=sleep] .m-default,.ditto[data-mood=sleep] .e-default{display:none}.ditto[data-mood=sleep] .m-sleep,.ditto[data-mood=sleep] .e-sleep{display:block}.ditto[data-mood=think] .m-default,.ditto[data-mood=think] .e-default{display:none}.ditto[data-mood=think] .m-think,.ditto[data-mood=think] .e-think{display:block}.ditto[data-mood=think] .t-think{display:block;animation:thoughtFloat 2.6s ease-in-out infinite;transform-origin:87px 14px}@keyframes thoughtFloat{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.speech{flex:1;min-width:0}.speech .voice{font-family:var(--font-display);font-size:1.02rem;color:var(--ink);margin:0;text-wrap:balance}.speech .sub{margin:4px 0 0;font-size:.8rem;color:var(--ink-soft)}nav.tabs{display:flex;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:5px;box-shadow:var(--shadow-soft);margin-bottom:22px;position:sticky;top:10px;z-index:20}nav.tabs button{flex:1;border:0;background:transparent;color:var(--ink-soft);font-family:var(--font-display);font-size:.82rem;padding:9px 4px;border-radius:11px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:background .15s ease,color .15s ease;line-height:1}nav.tabs button .ico{display:flex;align-items:center;height:20px}nav.tabs button .ico svg{width:18px;height:18px;display:block}nav.tabs button .cnt{font-size:.66rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}nav.tabs button[aria-selected=true]{background:var(--accent);color:#fff}nav.tabs button[aria-selected=true] .cnt{color:#ffffffd9}nav.tabs button:not([aria-selected=true]):hover{background:var(--surface-2)}.view{display:none}.view.active{display:block;animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.view-head{margin:0 2px 14px}.view-head h2{font-family:var(--font-display);font-size:1.15rem;margin:0 0 3px}.view-head p{margin:0;font-size:.85rem;color:var(--ink-soft)}.dump-box{display:flex;gap:8px;margin-bottom:18px}.dump-box input{flex:1;font-family:var(--font-body);font-size:1rem;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-soft)}.dump-box input::placeholder{color:var(--ink-faint)}.dump-box input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-wash)}.btn{font-family:var(--font-display);font-size:.92rem;border:0;border-radius:14px;padding:0 20px;background:var(--accent);color:#fff;cursor:pointer;transition:transform .12s ease,background .15s ease;white-space:nowrap}.btn:hover{background:var(--accent-strong)}.btn:active{transform:scale(.96)}.btn.ghost{background:var(--surface);color:var(--ink-soft);border:1px solid var(--line)}.btn.ghost:hover{background:var(--surface-2);color:var(--ink)}.blobs{display:flex;flex-direction:column;gap:10px}.blob{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:13px 14px;display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;box-shadow:var(--shadow-soft);animation:drop .32s cubic-bezier(.34,1.56,.64,1)}@keyframes drop{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}.blob.leaving{animation:leave .3s ease forwards}@keyframes leave{to{opacity:0;transform:translate(30px) scale(.9)}}.blob .dot{width:12px;height:12px;border-radius:50%;background:var(--accent);flex-shrink:0}.blob .txt{flex:1;font-size:.95rem;min-width:0;word-break:break-word}.blob.done .txt{text-decoration:line-through;color:var(--ink-faint)}.bucket-btns{display:flex;gap:5px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-soft);font-family:var(--font-display);font-size:.72rem;padding:6px 10px;border-radius:999px;cursor:pointer;transition:transform .12s ease,filter .12s ease}.chip:hover{transform:translateY(-1px);filter:brightness(1.03)}.chip:active{transform:scale(.94)}.chip[data-b=today]{--c: var(--today)}.chip[data-b=soon]{--c: var(--soon)}.chip[data-b=someday]{--c: var(--someday)}.chip[data-b=letgo]{--c: var(--letgo)}.chip[data-b]{border-color:color-mix(in srgb,var(--c) 55%,var(--line));color:color-mix(in srgb,var(--c) 72%,var(--ink));background:color-mix(in srgb,var(--c) 14%,var(--surface))}.b-tag{font-family:var(--font-display);font-size:.68rem;padding:4px 9px;border-radius:999px;flex-shrink:0;color:#fff}.b-tag[data-b=today]{background:var(--today)}.b-tag[data-b=soon]{background:var(--soon)}.b-tag[data-b=someday]{background:var(--someday)}.b-tag[data-b=letgo]{background:var(--letgo)}.icon-btn{border:0;background:transparent;cursor:pointer;color:var(--ink-faint);font-size:1rem;padding:4px;border-radius:8px;flex-shrink:0;line-height:1;transition:color .12s ease,background .12s ease}.icon-btn:hover{color:var(--accent-strong);background:var(--surface-2)}.check{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);background:var(--surface);cursor:pointer;flex-shrink:0;display:grid;place-items:center;color:transparent;font-size:.8rem;transition:all .15s ease}.check:hover{border-color:var(--good)}.check.on{background:var(--good);border-color:var(--good);color:#fff}.group{margin-bottom:20px}.task-picker{margin-bottom:18px}.steps{margin:12px 0 0;padding:0 0 0 4px;display:flex;flex-direction:column;gap:8px}.step{display:flex;align-items:center;gap:10px;background:var(--surface-2);border-radius:12px;padding:9px 12px;font-size:.9rem}.step.first{border:1.5px solid var(--accent);background:var(--accent-wash)}.step .first-tag{font-family:var(--font-display);font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-strong);background:var(--surface);padding:2px 6px;border-radius:6px;flex-shrink:0}.step .stxt{flex:1}.step.sdone .stxt{text-decoration:line-through;color:var(--ink-faint)}.add-step{display:flex;gap:8px;margin-top:10px}.add-step input{flex:1;font-family:var(--font-body);font-size:.9rem;padding:10px 12px;border:1.5px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink)}.add-step input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.bd-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow-soft)}.bd-card>.bd-title{font-family:var(--font-display);font-size:1.02rem;margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.focus-card{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:34px 26px;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.focus-card:before{content:"";position:absolute;inset:0;background:radial-gradient(400px 200px at 50% -10%,var(--accent-wash),transparent 70%);pointer-events:none}.focus-card .eyebrow{font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-strong);margin:0 0 14px;position:relative}.focus-card .the-task{font-family:var(--font-display);font-size:clamp(1.4rem,5vw,2rem);line-height:1.2;margin:0 auto;max-width:18ch;text-wrap:balance;position:relative}.focus-card .the-step{margin:14px auto 0;font-size:.95rem;color:var(--ink-soft);max-width:24ch;position:relative}.focus-card .the-step b{color:var(--accent-strong);font-weight:600}.focus-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:26px;position:relative}.empty{text-align:center;padding:34px 20px;color:var(--ink-soft)}.empty .big{font-family:var(--font-display);font-size:1.05rem;color:var(--ink);margin:0 0 4px}.empty p{margin:0;font-size:.88rem}.rest-banner{background:linear-gradient(135deg,color-mix(in srgb,var(--lilac) 22%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--lilac) 40%,var(--line));border-radius:18px;padding:18px;text-align:center;margin-bottom:18px}.rest-banner .big{font-family:var(--font-display);font-size:1.05rem;margin:0 0 4px}.rest-banner p{margin:0 0 12px;font-size:.87rem;color:var(--ink-soft)}.foot{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.foot .left,.foot .right{display:flex;gap:10px;flex-wrap:wrap}.foot .btn{padding:14px 20px;font-size:1rem;border-radius:15px}@media(max-width:480px){.foot{flex-direction:column}.foot .left,.foot .right{width:100%}.foot .btn{flex:1}}.linky{display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;color:var(--accent-strong);font-family:var(--font-display);font-size:.85rem;padding:4px 2px;margin:-6px 0 14px;border-radius:8px}.linky:hover{text-decoration:underline}.import-panel{display:flex;flex-direction:column;gap:8px;margin:0 0 18px}.import-panel[hidden]{display:none}.import-panel textarea{width:100%;min-height:92px;resize:vertical;font-family:var(--font-body);font-size:.95rem;line-height:1.45;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink)}.import-panel textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-wash)}.import-panel .row{display:flex;gap:8px;align-items:center}.import-panel .hint{font-size:.78rem;color:var(--ink-faint);flex:1}.cat-bar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:-10px 0 18px}.cat-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-family:var(--font-display);font-size:.75rem;padding:6px 11px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .12s ease,color .12s ease,border-color .12s ease}.cat-chip:hover{background:var(--surface-2)}.cat-chip .cdot{width:8px;height:8px;border-radius:50%;background:var(--cc, var(--accent))}.cat-chip.on{background:var(--ink);color:var(--ground);border-color:var(--ink)}.cat-chip.on:hover{background:var(--ink)}.cat-chip .cdel{opacity:.75;margin-left:2px}.cat-new-form{display:flex;gap:6px}.cat-new-form input{width:120px;font-size:.8rem;padding:6px 11px;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-family:var(--font-body)}.cat-new-form input:focus{outline:none;border-color:var(--accent)}.cat-new-form .btn{padding:6px 13px;font-size:.75rem;border-radius:999px}.cat-tag{background:color-mix(in srgb,var(--cc, var(--accent)) 16%,var(--surface));color:color-mix(in srgb,var(--cc, var(--accent)) 60%,var(--ink));border:1px solid color-mix(in srgb,var(--cc, var(--accent)) 45%,var(--line));font-family:var(--font-display);font-size:.66rem;padding:3px 8px;border-radius:999px;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;gap:5px}.cat-tag .cdot{width:6px;height:6px;border-radius:50%;background:var(--cc, var(--accent))}.cat-tag.none{background:transparent;border:1px dashed var(--line);color:var(--ink-faint)}.cat-tag.none:hover{color:var(--ink-soft);border-color:var(--ink-faint)}.prog-line{display:flex;align-items:center;gap:8px;margin-top:6px}.prog{flex:1;max-width:190px;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.prog i{display:block;height:100%;border-radius:999px;background:var(--good);transition:width .3s ease}.pct{font-size:.68rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;font-family:var(--font-display)}.ghead{width:100%;border:0;background:none;cursor:pointer;font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);display:flex;align-items:center;gap:8px;padding:5px 4px;margin:0 0 6px;border-radius:8px;text-align:left}.ghead:hover{background:var(--surface-2)}.ghead .swatch{width:10px;height:10px;border-radius:3px}.ghead .n{color:var(--ink-faint);font-variant-numeric:tabular-nums}.ghead .chev{margin-left:auto;color:var(--ink-faint);display:flex;transition:transform .15s ease}.ghead .chev svg{width:14px;height:14px}.group.closed .ghead .chev{transform:rotate(-90deg)}.group.closed .blobs{display:none}.expand-btn{border:0;background:none;cursor:pointer;color:var(--ink-faint);padding:4px;border-radius:8px;flex-shrink:0;display:flex;transition:transform .15s ease,color .12s ease}.expand-btn svg{width:15px;height:15px}.expand-btn:hover{color:var(--accent-strong)}.expand-btn.open{transform:rotate(90deg);color:var(--accent-strong)}.substeps{margin:0 0 2px 34px;display:flex;flex-direction:column;gap:6px}.substeps .step{font-size:.85rem;padding:7px 10px}.foot .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.foot .btn svg{width:17px;height:17px;flex-shrink:0}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--good);display:inline-block}.sync-dot.off{background:var(--ink-faint)}.sync-dot.err{background:var(--today)}.sync-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 18px;margin-top:14px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:10px}.sync-panel[hidden]{display:none}.sync-panel h3{font-family:var(--font-display);font-size:.95rem;margin:0}.sync-panel p{margin:0;font-size:.83rem;color:var(--ink-soft)}.sync-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sync-code{font-family:ui-monospace,Consolas,monospace;font-size:.85rem;background:var(--surface-2);padding:8px 12px;border-radius:10px;user-select:all;word-break:break-all;color:var(--ink)}.sync-note{font-size:.76rem;color:var(--ink-faint)}.sync-panel input{flex:1;min-width:180px;padding:10px 12px;border:1.5px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font-family:ui-monospace,Consolas,monospace;font-size:.85rem}.sync-panel input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.sync-panel .btn{padding:10px 16px;font-size:.85rem}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(20px);background:var(--ink);color:var(--ground);font-family:var(--font-display);font-size:.88rem;padding:11px 18px;border-radius:999px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:60;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.cameo{position:fixed;width:58px;height:58px;z-index:45;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 6px 12px rgba(90,50,105,.3));will-change:transform,opacity}.cameo svg{width:100%;height:100%;display:block;overflow:visible}.cameo.confetti{width:32px;height:32px;z-index:44;pointer-events:none}@media(max-width:480px){nav.tabs button{font-size:0;padding:8px 4px}nav.tabs button .ico svg{width:20px;height:20px}nav.tabs button .cnt{font-size:.62rem}.ditto{width:62px;height:62px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}