:root{--bg:#f6efe3;--dots:#e6dccb;--ink:#4a3b32;--muted:#a8968a;--soft:#eadfcd;--accent:#c8734f;--on-accent:#fff8ef;--accent-soft:#ecc9b4;--card:#fffaf2;--line:#e3d6c4;--danger:#a8432f;--r:10px;--r-card:18px;--font-head:"Fraunces", Georgia, serif;--font-body:"Nunito", system-ui, sans-serif;--nav-h:64px;--sidebar-w:200px}*{box-sizing:border-box}html,body{margin:0}body{background-color:var(--bg);background-image:radial-gradient(var(--dots) 1px, transparent 1px);color:var(--ink);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;background-size:14px 14px;font-size:16px;line-height:1.4}button,input,textarea{font:inherit;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.icon-bold{stroke-width:3px}.shell{min-height:100dvh}.content{max-width:640px;padding:16px 16px calc(var(--nav-h) + 96px);margin:0 auto}.nav{z-index:10;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--line);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{border-radius:var(--r);color:var(--muted);flex-direction:column;align-items:center;gap:2px;padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.nav-item.is-active{color:var(--accent)}@media (width>=900px){.shell{padding-left:var(--sidebar-w)}.nav{width:var(--sidebar-w);border-top:none;border-right:1px solid var(--line);flex-direction:column;justify-content:flex-start;gap:4px;height:auto;padding:24px 12px;top:0;right:auto}.nav-item{flex-direction:row;gap:10px;width:100%;padding:10px 14px;font-size:15px}.nav-item.is-active{background:var(--soft)}.content{padding:32px 24px 96px}}.view-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.view-title{font-family:var(--font-head);flex:1;margin:0;font-size:28px;font-weight:700}.view-header.is-day .view-title{font-size:22px}.header-actions{align-items:center;gap:6px;display:flex}.icon-btn{background:var(--soft);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;text-decoration:none;display:grid}.icon-btn .icon{width:20px;height:20px}.pill-btn{background:var(--soft);cursor:pointer;border:none;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none}.btn{cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font-weight:700}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-ghost{background:var(--soft)}.btn-small{padding:6px 12px;font-size:14px}.btn-danger{color:var(--danger);background:0 0;margin-right:auto}.btn-danger.is-confirming{background:var(--danger);color:var(--on-accent)}.weekdays,.month-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.weekdays span{text-align:center;color:var(--muted);padding:4px 0;font-size:12px;font-weight:700}.day-cell{aspect-ratio:1;border-radius:var(--r);color:var(--ink);place-items:center;font-size:15px;font-weight:700;text-decoration:none;display:grid}.day-cell:hover{background:var(--soft)}.day-cell.is-pending{background:var(--accent);color:var(--on-accent)}.day-cell.is-done{background:var(--accent-soft)}.day-cell.is-today{box-shadow:inset 0 0 0 2px var(--ink)}@media (width>=900px){.content.is-wide{max-width:1000px}.content.is-wide .month-grid{gap:8px}.content.is-wide .day-cell{aspect-ratio:auto;place-items:start;height:clamp(72px,16.6667dvh - 35px,120px);padding:10px 12px;font-size:18px}}.card{background:var(--card);border-radius:var(--r-card);box-shadow:0 2px 0 var(--line);padding:4px 16px}.task-list,.tag-list{margin:0;list-style:none}.task{border-bottom:1px dashed var(--line)}.task:last-child{border-bottom:none}.task-row{align-items:flex-start;gap:12px;padding:12px 0;display:flex}.check{border:2px solid var(--muted);width:24px;height:24px;color:var(--on-accent);cursor:pointer;background:0 0;border-radius:7px;flex:none;place-items:center;margin-top:1px;padding:0;display:grid}.check .icon{width:16px;height:16px}.task.is-done .check{background:var(--muted)}.task-main{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;min-width:0;padding:0}.task-name{overflow-wrap:anywhere;font-weight:600;display:block}.task.is-done .task-name{color:var(--muted);text-decoration:line-through}.task-detail{padding:0 0 12px 36px}.task-desc{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px}.task-desc.is-empty{color:var(--muted);font-style:italic}.tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tag{border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.tag-toggle{cursor:pointer;opacity:.55;border:2px solid #0000;padding:4px 12px;font-size:14px}.tag-toggle[aria-pressed=true]{opacity:1;border-color:currentColor}.tag-miel{color:#6b4a1e;background:#f2d4a7}.tag-salvia{color:#3d5a33;background:#c9dcc0}.tag-rosa{color:#7a2f2a;background:#efc0bd}.tag-cielo{color:#2f4a5e;background:#c4d8e6}.tag-lavanda{color:#4a3d63;background:#d9cfe8}.tag-arena{color:#5a4a3a;background:#e6dccb}.fab{z-index:5;right:20px;bottom:calc(var(--nav-h) + 20px + env(safe-area-inset-bottom));background:var(--accent);width:56px;height:56px;color:var(--on-accent);cursor:pointer;border:none;border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:0 6px 14px #4a3b3240}.fab .icon{width:28px;height:28px}@media (width>=900px){.fab{bottom:32px;right:32px}}.sheet-backdrop{z-index:20;background:#4a3b3259;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-width:560px;max-height:90dvh;padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;overflow-y:auto;box-shadow:0 -6px 24px #4a3b3233}@media (width>=900px){.sheet-backdrop{align-items:center}.sheet{border-radius:24px}}.sheet-title{font-family:var(--font-head);margin:0 0 16px;font-size:22px}.field{flex-direction:column;gap:6px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}.fieldset{border:none;padding:0}.fieldset legend{margin-bottom:6px;padding:0}.input{border:2px solid var(--line);border-radius:var(--r);background:#fff;padding:10px 12px;font-size:16px;font-weight:400}.input:focus{border-color:var(--accent);outline:none}textarea.input{resize:vertical;min-height:110px}.hint{color:var(--muted);margin:0;font-weight:400}.form-error{color:var(--danger);margin:0 0 12px;font-weight:700}.actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.month-heading{font-family:var(--font-head);margin:24px 0 8px;font-size:20px}.day-heading{color:var(--accent);margin:12px 0 6px;font-weight:800;text-decoration:none;display:inline-block}.section-title{font-family:var(--font-head);margin:8px 0 12px;font-size:20px}.tag-list{margin-bottom:16px;padding:4px 16px}.tag-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.tag-row:last-child{border-bottom:none}.color-picker{flex-wrap:wrap;gap:10px;display:flex}.swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;width:36px;height:36px}.swatch[aria-pressed=true]{border-color:var(--ink)}.tag-preview{margin-bottom:14px}.offline-banner{border-radius:var(--r);background:var(--soft);text-align:center;margin:0 0 12px;padding:8px 12px;font-weight:700}.toast{z-index:30;left:50%;bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom));background:var(--ink);color:var(--bg);border-radius:999px;padding:10px 16px;font-weight:700;position:fixed;transform:translate(-50%)}.empty{text-align:center;color:var(--muted);padding:32px 0}.load-error{text-align:center;padding:24px 0}