:root{--ink:#101820;--ink-2:#19232e;--ink-3:#243040;--paper:#faf7f0;--paper-70:#faf7f0b3;--paper-45:#faf7f073;--paper-20:#faf7f033;--paper-10:#faf7f01a;--amber:#f1b434;--fuente:"Archivo", system-ui, -apple-system, sans-serif;--radio:4px;--alto-cabecera:56px;--alto-nav:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--paper);font-family:var(--fuente);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.4}#root{min-height:100dvh}h1,h2,h3{margin:0;font-weight:500}p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}.rotulo{letter-spacing:.08em;text-transform:uppercase;color:var(--paper-70);font-size:11px;font-weight:600}.wordmark{letter-spacing:.08em;text-transform:uppercase;color:var(--paper-70);font-size:13px;font-weight:500}.cabecera{height:calc(var(--alto-cabecera) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0 16px;background:var(--ink);border-bottom:1px solid var(--paper-10);z-index:10;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.cabecera .titulo{font-size:17px;font-weight:500;line-height:1.1}.cabecera .derecha{align-items:center;gap:4px;display:flex}.contenido{padding:calc(var(--alto-cabecera) + env(safe-area-inset-top) + 16px) 16px calc(var(--alto-nav) + env(safe-area-inset-bottom) + 24px);max-width:720px;margin:0 auto}.nav{height:calc(var(--alto-nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--ink);border-top:1px solid var(--paper-10);z-index:10;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav a{color:var(--paper-45);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:600;text-decoration:none;display:flex;position:relative}.nav a svg{stroke:currentColor;fill:none;stroke-width:1.6px;width:22px;height:22px}.nav a.activo{color:var(--paper)}.nav a.activo:before{content:"";background:var(--amber);width:40px;height:2px;position:absolute;top:-1px}.boton{border:1px solid var(--paper-20);border-radius:var(--radio);min-height:40px;color:var(--paper);cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.boton:active{background:var(--ink-3)}.boton.primario{background:var(--amber);border-color:var(--amber);color:var(--ink);font-weight:600}.boton.chico{min-height:32px;padding:0 10px;font-size:13px}.boton.icono{width:36px;min-height:36px;color:var(--paper-45);border-color:#0000;padding:0}.boton.icono:active{color:var(--paper)}.boton:disabled{opacity:.4;cursor:default}.boton svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:18px;height:18px}.campo{border:1px solid var(--paper-20);border-radius:var(--radio);background:var(--ink-2);width:100%;min-height:42px;color:var(--paper);outline:none;padding:8px 12px}.campo:focus{border-color:var(--paper)}.campo::placeholder{color:var(--paper-45)}textarea.campo{resize:vertical;min-height:72px}select.campo{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5 5 5-5' fill='none' stroke='%23faf7f0' stroke-width='1.6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}input[type=date].campo{min-width:0}input[type=date].campo::-webkit-calendar-picker-indicator{filter:invert();opacity:.6}.etiqueta{margin-bottom:6px;display:block}.formulario{border:1px solid var(--paper-20);border-radius:var(--radio);background:var(--ink-2);flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}.fila{align-items:center;gap:8px;display:flex}.fila>*{min-width:0}.fila .crece{flex:1}.fila.derecha{justify-content:flex-end}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--paper-20);letter-spacing:.08em;text-transform:uppercase;min-height:24px;color:var(--paper-70);cursor:default;background:0 0;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}button.chip{cursor:pointer}.chip.activo{background:var(--paper);color:var(--ink);border-color:var(--paper)}.chip.ambar{border-color:var(--amber);color:var(--amber)}.chip.apagado{opacity:.5}.lista{flex-direction:column;gap:8px;display:flex}.tarjeta{border:1px solid var(--paper-10);border-radius:var(--radio);background:var(--ink-2);padding:12px 14px}.tarjeta.tocable{cursor:pointer}.tarjeta.tocable:active{background:var(--ink-3)}.tarjeta.apagada{opacity:.55}.tarjeta .titulo{font-size:16px;font-weight:500}.tarjeta .meta{color:var(--paper-45);font-size:13px}.tarjeta .descripcion{color:var(--paper-70);white-space:pre-wrap;margin-top:4px;font-size:14px}.tarjeta .acciones{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.tarjeta .acciones .espacio{flex:1}.seccion{justify-content:space-between;align-items:center;margin:24px 0 8px;display:flex}.seccion:first-child{margin-top:0}.vacio{text-align:center;color:var(--paper-45);padding:32px 16px;font-size:14px}.barra{background:var(--paper-10);height:2px;margin-top:10px}.barra>span{background:var(--amber);height:100%;display:block}.voto{border:1px solid var(--paper-20);border-radius:var(--radio);min-height:32px;color:var(--paper);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:500;display:inline-flex}.voto svg{fill:none;stroke:currentColor;stroke-width:2px;width:14px;height:14px}.voto.activo{background:var(--amber);border-color:var(--amber);color:var(--ink)}.voto.activo svg{fill:var(--ink)}.comentarios{border-top:1px solid var(--paper-10);flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;display:flex}.comentario{white-space:pre-wrap;font-size:14px}.comentario .meta{color:var(--paper-45);font-size:12px}.item{border-bottom:1px solid var(--paper-10);align-items:center;gap:10px;padding:8px 4px;display:flex}.item .texto{cursor:text;overflow-wrap:anywhere;flex:1;min-width:0;padding:4px 0;font-size:15px}.item.hecho .texto{color:var(--paper-45);text-decoration:line-through}.item .campo{min-height:36px;padding:4px 8px}.casilla{border:1.5px solid var(--paper-45);border-radius:var(--radio);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.casilla svg{width:16px;height:16px;stroke:var(--ink);fill:none;stroke-width:2.5px;display:none}.casilla.marcada{background:var(--amber);border-color:var(--amber)}.casilla.marcada svg{display:block}.casilla.media{border-color:var(--amber)}.casilla.media:after{content:"";background:var(--amber);border-radius:1px;width:10px;height:10px}.editable{background:0 0;border:0;border-bottom:1px solid #0000;outline:none;flex:1;min-width:0;padding:4px 0;font-size:15px}.editable:focus{border-bottom-color:var(--paper-45)}.editable.grande{font-size:20px;font-weight:500}.mes{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mes h2{font-size:17px}.grilla{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.grilla .dow{text-align:center;padding:4px 0 8px}.dia{aspect-ratio:1/1.2;border:1px solid var(--paper-10);border-radius:var(--radio);background:var(--ink-2);cursor:pointer;min-width:0;color:var(--paper-70);text-align:left;flex-direction:column;gap:2px;padding:4px;font-size:12px;display:flex}.dia.otro{opacity:.35}.dia.hoy .num{color:var(--amber);font-weight:600}.dia.sel{border-color:var(--paper)}.dia .num{line-height:1}.dia .marca{letter-spacing:.04em;background:var(--paper-20);color:var(--paper);text-overflow:ellipsis;white-space:nowrap;border-radius:2px;padding:1px 3px;font-size:9px;font-weight:600;line-height:1.3;overflow:hidden}.dia .marca.publicado{background:var(--amber);color:var(--ink)}.tarea{border-bottom:1px solid var(--paper-10);align-items:flex-start;gap:10px;padding:10px 4px;display:flex}.tarea .cuerpo{flex:1;min-width:0}.tarea .titulo{overflow-wrap:anywhere;font-size:15px}.tarea.hecha .titulo{color:var(--paper-45);text-decoration:line-through}.tarea .meta{color:var(--paper-45);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.tarea .meta .vencida{color:var(--amber)}.login{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:24px;display:flex}.login form{flex-direction:column;gap:12px;width:100%;max-width:360px;display:flex}.login .nota{color:var(--paper-45);max-width:360px;font-size:13px}.login img{border-radius:50%;width:112px;height:112px}.tick{text-align:left;color:var(--paper-70);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.tick input{width:18px;height:18px;accent-color:var(--amber);cursor:pointer;flex:none;margin:0}.tick:has(input:checked){color:var(--paper)}.aviso{border:1px solid var(--amber);border-radius:var(--radio);color:var(--paper);padding:10px 12px;font-size:14px}.error{border:1px solid var(--paper-45);border-radius:var(--radio);color:var(--paper-70);padding:10px 12px;font-size:14px}@media (width>=720px){.nav{border-left:1px solid var(--paper-10);border-right:1px solid var(--paper-10);max-width:720px;margin:0 auto}}.historial{flex-direction:column;display:flex}.avance{border-bottom:1px solid var(--paper-10);padding:10px 4px}.avance .meta{color:var(--paper-45);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.avance .meta .chip{min-height:20px;padding:0 7px;font-size:10px}.avance .mensaje{overflow-wrap:anywhere;margin-top:4px;font-size:14px}