:root{color-scheme:light;--bg: #f3efe6;--bg-soft: color-mix(in srgb, var(--bg) 82%, #fff);--ink: #1f1a14;--muted: #6f675c;--line: #ddd4c6;--accent: #b4371f;--accent-soft: #f0d6cc;--ok: #2f5d45;--danger: #9b2c1a;--shadow: 0 18px 50px rgba(31, 26, 20, .08);--font: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--radius: 999px}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #161310;--bg-soft: #1e1a16;--ink: #f2ebe1;--muted: #a3988c;--line: #322c26;--accent: #e26a4e;--accent-soft: #3a221c;--ok: #8fcaab;--danger: #f0a090;--shadow: 0 18px 50px rgba(0, 0, 0, .28)}}[data-theme=light]{color-scheme:light;--bg: #f3efe6;--bg-soft: #faf7f1;--ink: #1f1a14;--muted: #6f675c;--line: #ddd4c6;--accent: #b4371f;--accent-soft: #f0d6cc;--ok: #2f5d45;--danger: #9b2c1a;--shadow: 0 18px 50px rgba(31, 26, 20, .08)}[data-theme=dark]{color-scheme:dark;--bg: #161310;--bg-soft: #1e1a16;--ink: #f2ebe1;--muted: #a3988c;--line: #322c26;--accent: #e26a4e;--accent-soft: #3a221c;--ok: #8fcaab;--danger: #f0a090;--shadow: 0 18px 50px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.45}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}#app{min-height:100dvh}.shell{width:min(100%,34rem);margin-inline:auto;padding:1.5rem 1.15rem 6.5rem}.masthead{margin-bottom:1.5rem}.masthead.cluster{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.date{margin:0 0 .2rem;color:var(--muted);font-family:var(--serif);font-style:italic;font-size:1.05rem;letter-spacing:0}h1{margin:0;font-family:var(--serif);font-size:clamp(1.8rem,6vw,2.4rem);font-weight:500;letter-spacing:-.03em;line-height:1.15}.nav{position:fixed;z-index:5;left:50%;bottom:0;transform:translate(-50%);width:min(100%,34rem);display:flex;justify-content:space-between;gap:.25rem;padding:.7rem 1.15rem calc(.7rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 88%,transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav a{color:var(--muted);text-decoration:none;font-size:.86rem;padding:.35rem .15rem;display:inline-flex;align-items:center;gap:.35rem}.nav a.is-active{color:var(--ink)}.badge{min-width:1.1rem;height:1.1rem;padding:0 .28rem;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);font-size:.68rem;display:inline-grid;place-items:center}.list{list-style:none;margin:0;padding:0}.row{display:grid;grid-template-columns:1.6rem minmax(0,1fr) auto auto;align-items:center;gap:.55rem;min-height:2.85rem;padding:.15rem 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.composer{grid-template-columns:1.6rem minmax(0,1fr)}.check{width:1.15rem;height:1.15rem;border:1.5px solid color-mix(in srgb,var(--ink) 35%,transparent);border-radius:50%;background:transparent;padding:0;display:grid;place-items:center;color:var(--bg)}.check svg{width:.72rem;height:.72rem}.check.ghost{border-color:color-mix(in srgb,var(--ink) 16%,transparent)}.title{width:100%;min-width:0;border:0;background:transparent;outline:none;padding:.35rem 0;font-size:1.02rem;font-weight:400}.title.static{margin:0;padding:.35rem 0}.title::placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent)}.meta{color:var(--muted);font-size:.72rem;white-space:nowrap;display:flex;gap:.28rem;align-items:center}.dot{opacity:.55}.tracked{font-variant-numeric:tabular-nums;color:var(--accent)}.actions{display:flex;gap:.1rem;opacity:0;pointer-events:none;transition:opacity .15s ease}.row:hover .actions,.row:focus-within .actions,.actions.always{opacity:1;pointer-events:auto}.icon-btn{width:1.85rem;height:1.85rem;border:0;border-radius:50%;background:transparent;color:var(--muted);display:grid;place-items:center}.icon-btn:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}.icon-btn.danger:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.icon-btn svg{width:1.05rem;height:1.05rem}.row.is-done .title{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}.row.is-done .check{background:var(--ok);border-color:var(--ok)}.empty{color:var(--muted);margin:1rem 0 0}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:0 0 2rem}.stats div{margin:0}.stats dt{color:var(--muted);font-size:.75rem}.stats dd{margin:.15rem 0 0;font-family:var(--serif);font-size:1.45rem}.journal section{margin-bottom:1.75rem}.journal h2{margin:0 0 .65rem;font-size:.82rem;font-weight:500;color:var(--muted);text-transform:lowercase}.journal ul{list-style:none;margin:0;padding:0}.journal li{display:grid;grid-template-columns:5.6rem minmax(0,1fr);gap:.35rem .7rem;align-items:baseline;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.95rem}.journal-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journal-meta{grid-column:2;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap}.pill{font-size:.7rem;color:var(--muted)}.pill.done{color:var(--ok)}.pill.deleted{color:var(--danger)}.pill.running{color:var(--accent)}.settings{display:grid;gap:1.4rem}.field,.switch{display:grid;gap:.45rem}.field span,.field legend{font-size:.82rem;color:var(--muted)}.field input[type=text]{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:.45rem 0;outline:none}.field input[type=text]:focus{border-bottom-color:var(--ink)}.field small,.switch small{color:var(--muted);font-size:.8rem;font-weight:400}.switch{grid-template-columns:auto 1fr;align-items:start;gap:.8rem}.switch input{margin-top:.3rem;accent-color:var(--accent)}.switch strong{display:block;font-weight:500}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;padding:.25rem;border:1px solid var(--line);border-radius:var(--radius)}.segmented label{display:block}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:block;text-align:center;padding:.45rem .4rem;border-radius:var(--radius);font-size:.88rem;color:var(--muted)}.segmented.compact span{padding:.38rem .2rem;font-size:.8rem;letter-spacing:.04em}.segmented input:checked+span{background:var(--ink);color:var(--bg)}.fieldset,fieldset.field{border:0;padding:0;margin:0}.text-btn{border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:.35rem;padding:.2rem 0}.text-btn svg{width:1.05rem;height:1.05rem}.export-actions{display:flex;gap:.15rem;align-items:center;flex-shrink:0}.export-actions .icon-btn{width:2.1rem;height:2.1rem}.export-actions .icon-btn svg{width:1.25rem;height:1.25rem}.focus{position:relative;height:100dvh;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:0;text-align:center;animation:rise .35s ease}.focus-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;overflow:hidden;padding:4.5rem 1.4rem 1.25rem}.focus h1{max-width:18ch;font-size:clamp(1.7rem,6vw,3rem);overflow-wrap:anywhere}.focus-time{margin:0 0 .9rem;font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,9vw,4.2rem);font-weight:300;letter-spacing:-.05em;color:var(--accent)}.focus-actions{display:flex;gap:.7rem;margin-top:1.5rem}.btn{border:0;background:var(--ink);color:var(--bg);border-radius:var(--radius);padding:.7rem 1.2rem;min-width:7.5rem}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.btn.ghost.danger{color:var(--danger);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 45%,var(--line));justify-self:start;min-width:0}.btn.ghost.danger:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.btn.ghost.danger:disabled{opacity:.65;cursor:default}.reset-tasks{padding-top:.4rem}.focus .back{position:absolute;top:1.2rem;left:1.2rem;z-index:2}.focus-notes{width:min(100%,34rem);margin-inline:auto;max-height:min(42vh,24rem);display:flex;flex-direction:column;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,var(--ink) 4%);text-align:left}.focus-notes-list{list-style:none;margin:0;padding:.55rem 1.15rem;overflow-y:auto;overscroll-behavior:contain;min-height:5rem}.comment{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .5rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.comment:last-child{border-bottom:0}.comment:hover .actions,.comment:focus-within .actions{opacity:1;pointer-events:auto}.comment-text{margin:0;width:100%;min-width:0;border:0;background:transparent;padding:0;font-size:.95rem;line-height:1.4;outline:none;cursor:text}.comment-meta{grid-column:1;color:var(--muted);font-size:.72rem}.comment .actions{grid-column:2;grid-row:1 / span 2;align-self:center}.comment-empty{color:var(--muted);font-size:.9rem;padding:.7rem 0 .4rem}.comment-composer{display:block;padding:.65rem 1.15rem calc(.85rem + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.comment-composer input{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:.45rem 0;outline:none}.comment-composer input:focus{border-bottom-color:var(--ink)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(hover:none){.actions{opacity:1;pointer-events:auto}}@media(min-width:720px){.stats{grid-template-columns:repeat(4,1fr)}.journal li{grid-template-columns:5.6rem minmax(0,1fr) auto}.journal-meta{grid-column:auto}.shell{padding:4.5rem 1.5rem 4rem}.nav{position:static;transform:none;width:auto;padding:0 0 1.6rem;margin-bottom:.4rem;background:transparent;border-top:0;justify-content:flex-start;gap:1.1rem;-webkit-backdrop-filter:none;backdrop-filter:none}.masthead{margin-bottom:.6rem}}@media(min-width:960px){.shell{padding-top:6rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.title:focus-visible,.field input:focus-visible{outline:none}