:root{--bg:#f6f4ef;--surface:#fff;--text:#1f2a26;--muted:#5f6b66;--line:#dedad0;--accent:#2f5d50;--accent-text:#fff;--accent-soft:#e3ece8;--danger:#9a3b2e;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#151a18;--surface:#1e2522;--text:#e8ebe6;--muted:#a3ada8;--line:#333c38;--accent:#8cc0ae;--accent-text:#10201b;--accent-soft:#26332f;--danger:#e59a8c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{margin:0;font-size:1.25rem}h2,.section-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:24px 0 8px;font-size:.8rem;font-weight:600;display:block}ul{margin:0;padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:44px;padding:8px 12px}button{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;min-height:44px;padding:8px 16px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.link{min-height:44px;color:var(--accent);background:0 0;border:none;padding:8px 4px;text-decoration:underline}button.danger{color:var(--danger);background:0 0;border-color:currentColor;margin-top:32px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.center{max-width:400px;margin:0 auto;padding:64px 16px}.login h1{margin-bottom:32px;font-size:1.5rem}.login form,.login{flex-direction:column;gap:8px;display:flex}.login label{color:var(--muted);font-size:.9rem}.separator{text-align:center;color:var(--muted);margin:16px 0 8px}.error{color:var(--danger)}.app{max-width:1200px;margin:0 auto;padding:0 16px 48px}.topbar{flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;display:flex}.sync{color:var(--muted);margin-left:auto;font-size:.85rem}.sync-error{color:var(--danger)}.menu{position:relative}.menu summary{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;align-items:center;min-height:44px;padding:0 12px;list-style:none;display:flex}.menu summary::-webkit-details-marker{display:none}.menu-panel{z-index:2;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:4px;width:max-content;max-width:calc(100vw - 32px);margin-top:4px;padding:8px;display:flex;position:absolute;right:0}.menu-panel button{text-align:left;border:none}.notice{background:var(--accent-soft);border-radius:var(--radius);margin:0 0 12px;padding:8px 12px}.panes{gap:32px;display:grid}.list,.detail{min-width:0}@media (width<=899px){.has-detail .list{display:none}}@media (width>=900px){.has-detail .panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.app:not(.has-detail) .list{max-width:720px}}.quick-add{gap:8px;display:flex}.quick-add input{flex:1;min-width:0}.filters{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.filters select{width:auto}.tabs{border:1px solid var(--line);border-radius:var(--radius);display:flex;overflow:hidden}.tabs button{background:var(--surface);color:var(--muted);border:none;border-radius:0}.tabs button[aria-current=page],.tabs button[aria-selected=true]{background:var(--accent-soft);color:var(--text);font-weight:600}.empty{color:var(--muted);margin-top:32px}.group ul,.subtasks{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.today-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.today-head p{margin:0}.today-date{font-size:1.25rem;font-weight:600}.today-date:first-letter{text-transform:uppercase}.streak,.week p,.card-meta,.watch{color:var(--muted)}.week{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:8px;display:flex}.week p{margin:0;font-size:.9rem}.week ol{gap:4px;margin:0;padding:0;list-style:none;display:flex}.week li{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);border-radius:50%;place-items:center;font-size:.75rem;display:grid}.week li.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.week li.is-today{outline:2px solid var(--accent);outline-offset:2px}.cards{gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px 16px}.card.selected{border-color:var(--accent)}.card-title{text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:0;font-size:1.05rem;font-weight:600;display:flex}.card-title span:first-child{overflow-wrap:anywhere;flex:1;min-width:0}.badge{background:var(--accent-soft);border-radius:999px;flex:none;padding:2px 8px;font-size:.75rem;font-weight:600}.card-meta{margin:0 0 8px;font-size:.9rem}.first-step{background:var(--accent-soft);border-radius:var(--radius);margin:0 0 12px;padding:8px 12px}.first-step-form{margin-bottom:12px}.first-step-form label{color:var(--muted);margin-bottom:4px;font-size:.9rem;display:block}.card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-actions .link{margin-left:auto}.done-today{margin-top:12px}.done-today .row-main{width:100%}.watch{margin:0 0 24px}.checkbox{align-items:center;gap:12px;min-height:44px;margin-top:12px;display:flex}.checkbox input{width:22px;height:22px;min-height:22px;accent-color:var(--accent);flex:none;padding:0}.upcoming{margin-top:24px}.upcoming summary{min-height:44px;color:var(--muted);cursor:pointer;align-items:center;display:flex}.with-unit{align-items:center;gap:8px;display:flex}.with-unit input{flex:1;min-width:0}.subtasks:empty{display:none}.subtasks{margin-bottom:8px}.row{align-items:center;gap:4px;padding:0 8px;display:flex}.row+.row{border-top:1px solid var(--line)}.row.selected{background:var(--accent-soft)}.check{background:0 0;border:none;flex:none;width:44px;height:44px;padding:0;position:relative}.check:before{content:"";border:2px solid var(--muted);border-radius:50%;position:absolute;inset:11px}.check.checked:before{background:var(--accent);border-color:var(--accent)}.check.checked:after{content:"";border:solid var(--accent-text);border-width:0 2px 2px 0;width:6px;height:11px;position:absolute;top:15px;left:18px;transform:rotate(45deg)}.row-main{text-align:left;background:0 0;border:none;flex-direction:column;flex:1;min-width:0;padding:10px 4px;display:flex}.row-title{overflow-wrap:anywhere;flex:1;min-width:0}.row-title.struck{color:var(--muted);text-decoration:line-through}.row-meta{color:var(--muted);font-size:.85rem}.title-input{font-size:1.25rem;font-weight:600}.fields{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px;display:grid}.fields label{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}@media (prefers-reduced-motion:no-preference){.check:before{transition:background-color .15s ease-out,border-color .15s ease-out}}