:root{--bg:#fbf8f4;--surface:#fff;--text:#221d1a;--muted:#837b73;--accent:#ea580c;--accent-contrast:#fff;--border:#ece4db;--done:#16a34a;--radius:.9rem;--shadow:0 1px 2px #281e140a, 0 4px 16px #281e140f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}.page{max-width:720px;margin:0 auto;padding:1rem 1rem 4rem}header.app-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}header.app-header h1{margin:0;font-size:1.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:.75rem;padding:1rem 1.1rem}.card-link{color:inherit;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.card-link:hover{border-color:var(--accent);transform:translateY(-1px)}.btn{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:.6rem;padding:.6rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:filter .15s,transform .1s;display:inline-block}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn.danger{background:#dc2626}.progress{background:var(--border);border-radius:999px;height:.5rem;margin-top:.4rem;overflow:hidden}.progress>div{background:var(--done);height:100%}.muted{color:var(--muted);font-size:.875rem}.category-group{margin-bottom:1.5rem}.category-group h2{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .5rem;font-size:1rem}.item-block{border-bottom:1px solid var(--border)}.item-block:last-child{border-bottom:none}.item-row{align-items:center;gap:.6rem;padding:.5rem 0;display:flex}.item-row label{cursor:pointer;flex:1}.item-row.done label{color:var(--muted);text-decoration:line-through}.item-row input[type=checkbox]{width:1.25rem;height:1.25rem}.item-row button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem}form.inline{gap:.5rem;margin-top:.5rem;display:flex}form.inline input[type=text],form.inline select{border:1px solid var(--border);border-radius:.5rem;flex:1;padding:.5rem;font-size:1rem}.field{margin-bottom:1rem}.field label{margin-bottom:.3rem;font-size:.9rem;font-weight:600;display:block}.field input[type=text],.field input[type=date],.field select{border:1px solid var(--border);border-radius:.5rem;width:100%;padding:.6rem;font-size:1rem}.template-pick{gap:.5rem;display:grid}.template-pick label{border:1px solid var(--border);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem;display:flex}.template-pick input{width:1.1rem;height:1.1rem}.filters{flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0;display:flex}.filters select{border:1px solid var(--border);border-radius:.5rem;padding:.5rem;font-size:.95rem}.filter-checkbox{cursor:pointer;align-items:center;gap:.4rem;font-size:.95rem;display:flex}.filter-checkbox input{width:1.1rem;height:1.1rem}.reorder-buttons{flex-direction:column;gap:.1rem;display:flex}.reorder-buttons button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:.3rem;padding:.15rem .4rem;font-size:.8rem;line-height:1}.reorder-buttons button:disabled{opacity:.3;cursor:not-allowed}.site-header{z-index:30;color:#fff;background:linear-gradient(120deg,#fb923c 0%,#f472b6 45%,#38bdf8 100%);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000001f}.site-header__brand{color:inherit;align-items:center;gap:.75rem;min-width:0;text-decoration:none;display:flex}.site-header__icon{flex-shrink:0;font-size:1.6rem;line-height:1}.site-header__text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.site-header__title{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.site-header__subtitle{opacity:.9;font-size:.75rem}.site-header__toggle{cursor:pointer;background:#ffffff2e;border:none;border-radius:.6rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.28rem;width:2.5rem;height:2.5rem;display:flex}.site-header__toggle span{background:#fff;border-radius:999px;width:1.25rem;height:2px;transition:transform .18s,opacity .18s;display:block}.site-header__toggle.open span:first-child{transform:translateY(6px)rotate(45deg)}.site-header__toggle.open span:nth-child(2){opacity:0}.site-header__toggle.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.site-nav__backdrop{z-index:20;cursor:pointer;background:#140e0840;border:none;position:fixed;inset:0}.site-nav{z-index:25;background:var(--surface);flex-direction:column;gap:.25rem;width:min(280px,80vw);height:100%;padding:5.5rem 1rem 1.5rem;transition:transform .2s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 24px #281e141f}.site-nav.open{transform:translate(0)}.site-nav a{color:var(--text);border-radius:.6rem;padding:.7rem .9rem;font-weight:500;text-decoration:none}.site-nav a:hover{background:var(--bg)}.site-nav a.active{color:var(--accent);background:#fff1e6;font-weight:700}.site-nav__logout-form{margin-top:auto}.site-nav__logout{text-align:left;width:100%;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.6rem;padding:.7rem .9rem;font-weight:500}.site-nav__logout:hover{background:var(--bg);color:var(--text)}.item-label-btn{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:.5rem;margin:0;padding:0;display:flex}.item-row.done .item-label-btn{color:var(--muted);text-decoration:line-through}.tag-badge{color:var(--accent);background:#fff1e6;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-block}.tag-picker{flex-wrap:wrap;align-items:center;gap:.75rem;padding:0 0 .75rem 2rem;display:flex}.tag-picker select{border:1px solid var(--border);border-radius:.5rem;padding:.4rem}.tag-picker form.inline{margin:0}.login-page{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100vh;padding:1.5rem;display:flex}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.login-brand span{font-size:2.5rem}.login-brand h1{color:var(--accent);margin:0;font-size:1.4rem}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:380px;padding:2rem}.login-card h2{margin:0 0 1.25rem;font-size:1.15rem}.login-error{color:#dc2626;background:#fef2f2;border-radius:.5rem;margin:0 0 1rem;padding:.6rem .8rem;font-size:.9rem}