:root{--hz-bg: #fbfbfa;--hz-surface: #ffffff;--hz-ink: #16150f;--hz-muted: #6a6960;--hz-faint: #a3a299;--hz-line: #eceae4;--hz-line-soft: #f4f2ed;--hz-on-ink: #fbfbfa;--hz-accent: #e08a00;--hz-accent-bg: #fff6e6;--hz-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--hz-bg)}body{font-family:var(--hz-font);color:var(--hz-ink);-webkit-font-smoothing:antialiased}input,button{font-family:inherit;font-size:14px}@keyframes hzUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hz-root{font-family:var(--hz-font);color:var(--hz-ink)}.hz-nav-item{display:flex;align-items:center;gap:12px;padding:10px 0;cursor:pointer;color:var(--hz-muted);font-size:15px;position:relative;transition:color .25s cubic-bezier(.22,.61,.18,1),padding-left .25s cubic-bezier(.22,.61,.18,1)}.hz-nav-item:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hz-line);flex-shrink:0;transition:all .3s cubic-bezier(.22,.61,.18,1)}.hz-nav-item:hover{color:var(--hz-ink);padding-left:4px}.hz-nav-item.on{color:var(--hz-ink);font-weight:500}.hz-nav-item.on:before{background:var(--hz-accent);box-shadow:0 0 0 4px var(--hz-accent-bg)}.hz-itemwrap{border-bottom:1px solid var(--hz-line-soft)}.hz-itemwrap:last-of-type{border-bottom:none}.hz-task{display:flex;align-items:center;gap:14px;padding:13px 0;transition:padding-left .25s cubic-bezier(.22,.61,.18,1)}.hz-task:hover{padding-left:6px}.hz-task .hz-tx{font-size:15px;color:var(--hz-ink);flex:1;transition:color .25s;line-height:1.4}.hz-task.sub .hz-tx{font-size:13.5px;color:var(--hz-muted)}.hz-time{font-size:11px;color:var(--hz-faint);font-variant-numeric:tabular-nums;flex-shrink:0;white-space:nowrap}.hz-task.done .hz-tx{color:var(--hz-faint);text-decoration:line-through;text-decoration-color:var(--hz-line)}.hz-tools{display:flex;align-items:center;gap:10px;padding:0 0 8px 35px;opacity:0;transition:opacity .14s}.hz-itemwrap:hover .hz-tools,.hz-tools:focus-within{opacity:1}.hz-tool{background:none;border:none;cursor:pointer;font-family:inherit;font-size:12px;color:var(--hz-faint);padding:0;transition:color .12s}.hz-tool:hover{color:var(--hz-ink)}.hz-tool.del:hover{color:#d9483b}.hz-tools .sep{color:var(--hz-line);font-size:10px}.hz-check{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid var(--hz-line);border-radius:50%;cursor:pointer;flex-shrink:0;position:relative;transition:background .15s,border-color .15s;background:transparent}.hz-task:hover .hz-check{border-color:var(--hz-faint)}.hz-check:checked{background:var(--hz-ink);border-color:var(--hz-ink)}.hz-check:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:1.5px solid var(--hz-on-ink);border-top:none;border-left:none;transform:rotate(45deg)}.hz-actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity .15s}.hz-task:hover .hz-actions,.hz-nav-item:hover .hz-actions,.hz-pick:hover .hz-actions{opacity:1}.hz-qa{background:none;border:none;cursor:pointer;font-size:15px;line-height:1;padding:3px 6px;border-radius:6px;color:var(--hz-faint);position:relative;transition:background .12s,color .12s}.hz-qa:hover{background:var(--hz-line-soft);color:var(--hz-ink)}.hz-field{background:none;border:none;outline:none;font-family:inherit;color:var(--hz-ink);letter-spacing:-.011em}.hz-field::placeholder{color:var(--hz-faint)}.hz-primary{background:var(--hz-ink);color:var(--hz-on-ink);border:none;border-radius:100px;cursor:pointer;font-family:inherit;font-weight:500;transition:transform .12s cubic-bezier(.22,.61,.18,1),opacity .2s}.hz-primary:hover{opacity:.88}.hz-primary:active{transform:scale(.97)}.hz-ghost{background:var(--hz-surface);color:var(--hz-muted);border:1px solid var(--hz-line);border-radius:100px;cursor:pointer;font-family:inherit;transition:color .2s,border-color .2s}.hz-ghost:hover{color:var(--hz-ink);border-color:var(--hz-faint)}.hz-title{display:inline-flex;align-items:center;gap:14px;max-width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit;color:var(--hz-ink);font-size:clamp(28px,5vw,42px);font-weight:600;letter-spacing:-.04em;line-height:1.08;padding:6px 12px 6px 4px;margin-left:-4px;border-radius:12px;transition:background .18s ease}.hz-title:hover{background:var(--hz-line-soft)}.hz-pick{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;border-radius:10px;color:var(--hz-muted);font-size:15px;transition:background .15s ease,color .15s ease}.hz-pick:hover{background:var(--hz-line-soft);color:var(--hz-ink)}.hz-pick-dot{width:7px;height:7px;border-radius:50%;background:var(--hz-line);flex-shrink:0;transition:all .2s ease}.hz-pick.on{color:var(--hz-ink);font-weight:500;background:var(--hz-accent-bg)}.hz-pick.on .hz-pick-dot{background:var(--hz-accent);box-shadow:0 0 0 3px var(--hz-accent-bg)}.hz-fab{transition:transform .16s cubic-bezier(.22,.61,.18,1),opacity .2s}.hz-fab:hover{transform:translateY(-2px);opacity:1}.hz-fab:active{transform:translateY(0) scale(.98)}@media(prefers-reduced-motion:reduce){.hz-anim,.hz-anim *{animation:none!important}}