:root{--background:#f5faf8;--card:#fff;--foreground:#223239;--muted:#edf0f2;--muted-fg:#6c7f89;--border:#e0e7eb;--primary:#22a087;--primary-fg:#fff;--accent:#9f53c6;--secondary-bg:#e6f4f1;--secondary-fg:#206053;--warn:#f29e0d;--ok:#2e9e57;--destructive:#d92626;--radius:.75rem;--shadow-sm:0 1px 2px #2232390f;--shadow:0 4px 14px #22323914;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--background:#11191d;--card:#1a2428;--foreground:#e8eeec;--muted:#273035;--muted-fg:#92a2aa;--border:#303b41;--primary:#37bea3;--accent:#b37ece;--secondary-bg:#203c36;--secondary-fg:#baded7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:linear-gradient(135deg, var(--background), var(--background) 60%, var(--secondary-bg));color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;line-height:1.5}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.col{flex-direction:column;display:flex}.row{align-items:center;display:flex}.row.between{justify-content:space-between}.center{text-align:center;justify-content:center;align-items:center}.muted{color:var(--muted-fg)}.fw-med{font-weight:500}.fw-semi{font-weight:600}.fw-bold{font-weight:700}.fs-xs{font-size:.75rem}.fs-sm{font-size:.875rem}.fs-lg{font-size:1.125rem}.fs-2xl{font-size:1.5rem}.container{max-width:72rem;margin:0 auto;padding:2rem 1rem}.page{min-height:100vh}.controls{flex-wrap:wrap}header{gap:1rem}.logo-row{gap:.75rem}.logo-tile{border-radius:var(--radius);background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;width:3rem;height:3rem;box-shadow:var(--shadow);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.title{background:linear-gradient(90deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:700}.subtitle{max-width:42rem;color:var(--muted-fg);margin:0;font-size:1.0625rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width>=768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{padding:1rem}.stat-value{font-size:1.75rem;font-weight:700;line-height:1.2}.stat-label{color:var(--muted-fg);font-size:.8125rem}.stat-card.warn .stat-value{color:var(--warn)}.stat-card.ok .stat-value{color:var(--ok)}.stat-card.primary .stat-value{color:var(--primary)}.tabs{flex-wrap:wrap;gap:.5rem;display:flex}.tab{border:1px solid var(--border);background:var(--card);color:var(--muted-fg);font:inherit;cursor:pointer;text-transform:capitalize;border-radius:999px;padding:.4rem .85rem;font-size:.875rem}.tab:hover{border-color:var(--primary)}.tab.active{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.section-head{margin:0}.task-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.task-grid{grid-template-columns:1fr 1fr}}.empty{text-align:center;color:var(--muted-fg);padding:3rem 1rem}.task-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);gap:.75rem;padding:1rem;transition:box-shadow .2s,opacity .2s;display:flex}.task-card:hover{box-shadow:var(--shadow)}.task-card.done{opacity:.6}.checkbox{border:2px solid var(--border);color:#0000;cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;width:1.5rem;height:1.5rem;margin-top:.125rem;font-size:.95rem;line-height:1}.checkbox:hover{border-color:var(--primary)}.checkbox.checked{background:var(--ok);border-color:var(--ok);color:#fff}.task-body{flex:1}.task-title{margin:0;font-size:1rem;font-weight:500}.task-title.done{color:var(--muted-fg);text-decoration:line-through}.meta{flex-wrap:wrap}.badge{border:1px solid var(--border);background:var(--muted);color:var(--muted-fg);white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.7rem}.badge.secondary{background:var(--secondary-bg);color:var(--secondary-fg);border-color:#0000}.badge.outline{background:0 0}.badge.success{color:var(--ok);background:#dff6e8;border-color:#0000}.badge.muted{background:0 0}.badge.remote{background:var(--primary);color:var(--primary-fg);border-color:#0000}:root.dark .badge.success{background:#1f472e}.footer{text-align:center;color:var(--muted-fg);border-top:1px solid var(--border);padding-top:1.5rem;font-size:.8125rem}.btn{border-radius:var(--radius);background:var(--primary);color:var(--primary-fg);font:inherit;cursor:pointer;border:1px solid #0000;align-items:center;gap:.4rem;padding:.5rem 1rem;font-weight:500;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.btn-outline{border-color:var(--border);color:var(--foreground);background:0 0}.btn-outline:hover{background:var(--muted)}.input{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:100%;color:var(--foreground);font:inherit;padding:.5rem .75rem;font-size:.8125rem}.input:focus{border-color:var(--primary);outline:none}.modal-backdrop{z-index:90;background:#131c2080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:42rem;max-height:90vh;padding:1.5rem;overflow:auto}.modal .desc{color:var(--muted-fg);margin:.25rem 0 0;font-size:.875rem}.warn-box{border-radius:var(--radius);background:#fef5e7;padding:.75rem 1rem}:root.dark .warn-box{background:#40331c}.how-box{background:var(--muted);border-radius:var(--radius);padding:1rem}.how-box ul{color:var(--muted-fg);margin:.5rem 0 0;padding-left:1.25rem;font-size:.875rem}.merge-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.merge-stat{text-align:center;border-radius:var(--radius);background:var(--muted);padding:.75rem}.merge-stat.updated{background:#dff6e8}.merge-stat.added{background:#e1f1fa}:root.dark .merge-stat.updated{background:#1f472e}:root.dark .merge-stat.added{background:#1f3a47}.conflict-row{background:var(--card);border-radius:.4rem;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.toast-root{z-index:100;flex-direction:column;gap:.5rem;width:min(92vw,22rem);display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--primary);box-shadow:var(--shadow);border-radius:.5rem;padding:.6rem .9rem}.toast.destructive{border-left-color:var(--destructive)}.toast .t-title{font-size:.875rem;font-weight:600}.toast .t-desc{color:var(--muted-fg);font-size:.8125rem}