:root{--bg:#faf6ee;--text:#3e4c63;--muted:#5d6a7e;--line:#ddd5c6;--accent:#7a2e3a;--accent-text:#fff;--lavender:#e9e3f5;--error:#8a2630;--focus:#5b4a9b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14202f;--text:#e8e4da;--muted:#a9b2c0;--line:#2c3b50;--accent:#d99aa5;--accent-text:#14202f;--lavender:#2a2f4a;--error:#f0a3ab;--focus:#c3b6ee}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.shell{max-width:28rem;margin:0 auto;padding:2.5rem 1.25rem 3rem}header{margin-bottom:1.5rem}h1{letter-spacing:-.02em;margin:0;font-size:2.25rem;font-weight:700}h2{margin:0 0 .5rem;font-size:1.25rem}.tagline,.quiet,.hint{color:var(--muted);margin:.25rem 0 0}.hint{margin:0 0 .75rem;font-size:.95rem}form{gap:.5rem;margin-top:1rem;display:grid}label{font-weight:600}input{font:inherit;width:100%;min-height:3rem;color:var(--text);border:1px solid var(--line);background:0 0;border-radius:.5rem;padding:.5rem .875rem;font-size:1.125rem}input.code{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:1.5rem}button{font:inherit;cursor:pointer;background:var(--accent);min-width:3rem;min-height:3rem;color:var(--accent-text);border:0;border-radius:.5rem;margin-top:.5rem;padding:.5rem 1.25rem;font-weight:600}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{color:var(--text);border:1px solid var(--line);background:0 0}button.link{color:var(--text);background:0 0;margin:0;padding:.5rem .25rem;font-weight:500;text-decoration:underline}.row{flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;display:flex}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.notice-slot{min-height:1rem}.notice{background:var(--lavender);border-radius:.5rem;margin:0 0 .75rem;padding:.75rem 1rem}.notice.error{border:1px solid var(--error);color:var(--error);background:0 0}.notice strong{font-weight:600}.card{border:1px solid var(--line);border-radius:.75rem;margin-top:1rem;padding:1.25rem}.card p{margin:0 0 .75rem}.card button{margin-top:.75rem}@media (prefers-reduced-motion:no-preference){.notice{animation:.18s ease-out settle}@keyframes settle{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}}.shell:has(.life){max-width:36rem}.la-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.who{color:var(--muted);margin:0}.who .link{padding:.5rem .25rem}.sync-slot{min-height:1.5rem}.sync{color:var(--muted);margin:.25rem 0;font-size:.95rem}.add{margin-top:.5rem}.add-row{align-items:stretch;gap:.5rem;display:flex}.add-row input{flex:1;min-width:0}.add-row button{margin-top:0}.chips{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.chip{min-height:2.75rem;color:var(--text);border:1px solid var(--line);background:0 0;border-radius:999px;margin:0;padding:.375rem .875rem;font-weight:500}.chip[aria-pressed=true]{background:var(--lavender);border-color:var(--focus);font-weight:700}ul.tasks,ul.looks{margin:.5rem 0;padding:0;list-style:none}.task{border-bottom:1px solid var(--line);align-items:stretch;gap:.25rem;display:flex}.task .check{color:var(--text);background:0 0;min-width:3rem;margin:0;padding:.25rem .5rem;font-size:1.5rem}.task-main{text-align:left;min-width:0;color:var(--text);background:0 0;flex:1;gap:.125rem;margin:0;padding:.625rem .25rem;font-weight:400;display:grid}.task-main.static{cursor:default}.task-main .title{overflow-wrap:anywhere;font-weight:600}.task-main .meta{color:var(--muted);font-size:.9rem}.task.done .title{font-weight:400;text-decoration:line-through}button.small{align-self:center;min-height:2.75rem;margin:0;padding:.25rem .75rem}.fold{margin:1rem 0}.fold summary{cursor:pointer;align-items:center;min-height:2.75rem;font-weight:600;display:flex}.look{margin:.5rem 0}.theirs{overflow-wrap:anywhere;margin:.25rem 0}.detail{gap:.5rem;margin-top:.5rem;display:grid}.detail textarea{font:inherit;width:100%;color:var(--text);border:1px solid var(--line);background:0 0;border-radius:.5rem;padding:.5rem .875rem;font-size:1.125rem}.detail fieldset{border:0;margin:.5rem 0 0;padding:0}.detail legend{padding:0;font-weight:600}.back{justify-self:start}.undo-slot{min-height:1px;position:sticky;bottom:1rem}.undo{background:var(--text);color:var(--bg);border-radius:.5rem;margin:1rem 0 0;padding:.75rem 1rem}.undo .link{color:var(--bg)}
