body{color:#fff;background-color:#10131a;min-width:320px;margin:0;padding:0}:root{--fondo:#10131a;--superficie:#1b202bcc;--superficie-solida:#1b202b;--borde:#2c3444;--texto:#f4f7fb;--muted:#8e99aa;--acento:#80e1c1;--acento-fuerte:#4fc59e;--peligro:#ff9d9d}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0%, #49719a2e, transparent 35rem), var(--fondo);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:3px solid #80e1c173}.App{width:min(100% - 40px,760px);margin:0 auto;padding:64px 0 72px}.encabezado{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:var(--acento);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:var(--texto);letter-spacing:-.06em;margin-bottom:10px;font-size:clamp(2rem,5vw,3.2rem);line-height:1}h2{color:var(--texto);margin-bottom:0;font-size:1.15rem}.subtitulo{max-width:420px;color:var(--muted);margin-bottom:0;line-height:1.5}.resumen-progreso{color:var(--muted);justify-items:end;display:grid}.resumen-progreso strong{color:var(--acento);font-size:2rem;line-height:1}.resumen-progreso span{margin-top:5px;font-size:.75rem}.tarjeta-progreso,.contenedor-botonAgregar{border:1px solid var(--borde);background:var(--superficie);border-radius:18px;box-shadow:0 18px 45px #00000026}.tarjeta-progreso{margin-bottom:28px;padding:18px 20px}.progreso-detalle{color:var(--muted);justify-content:space-between;margin-bottom:12px;font-size:.85rem;display:flex}.progreso-detalle strong{color:var(--texto)}.barra-progreso{background:#252c39;border-radius:99px;height:9px;overflow:hidden}.barra-progreso-fill{border-radius:inherit;background:linear-gradient(90deg, var(--acento-fuerte), var(--acento));height:100%;transition:width .45s}.herramientas{gap:12px;margin-bottom:18px;display:flex}.campo-busqueda{border:1px solid var(--borde);background:var(--superficie-solida);min-width:0;color:var(--muted);border-radius:12px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.campo-busqueda input{width:100%;color:var(--texto);background:0 0;border:0;outline:0;padding:13px 0}.campo-busqueda input::placeholder{color:#727d8e}.limpiar-busqueda{color:var(--muted);background:0 0;border:0;font-size:1.4rem;line-height:1}.boton-notificaciones{border:1px solid var(--borde);color:var(--acento);white-space:nowrap;background:0 0;border-radius:12px;padding:0 16px;font-size:.84rem;font-weight:700;transition:all .2s}.boton-notificaciones:hover{border-color:var(--acento);background:#80e1c114;transform:translateY(-1px)}.boton-notificaciones:disabled{border-color:var(--borde);color:var(--muted);cursor:default;opacity:.7}.boton-notificaciones:disabled:hover{border-color:var(--borde);background:0 0;transform:none}.barra-notificaciones{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.boton-notificaciones.secondary{color:var(--muted)}.aviso-notificaciones{border:1px solid var(--borde);border-left:3px solid var(--acento);color:var(--muted);text-align:left;background:#80e1c10f;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:.84rem;line-height:1.5}.aviso-notificaciones.error{color:#f0b4a6;background:#e8735a14;border-left-color:#e8735a}.panel-diagnostico{border:1px solid var(--borde);text-align:left;background:#00000040;border-radius:10px;margin:0 0 14px;padding:12px 14px;font-size:.8rem}.panel-diagnostico dl{grid-template-columns:auto 1fr;gap:2px 12px;margin:0 0 10px;display:grid}.panel-diagnostico dt{color:var(--muted)}.panel-diagnostico dd{margin:0;font-family:ui-monospace,Consolas,monospace}.panel-diagnostico h4{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:12px 0 6px;font-size:.78rem}.panel-diagnostico ul{margin:0;padding-left:18px}.panel-diagnostico li{word-break:break-word;margin-bottom:3px;font-family:ui-monospace,Consolas,monospace}.panel-diagnostico li.ok{color:var(--acento)}.panel-diagnostico li.fallo{color:#e8735a}.contenedor-Filtro{background:#171c26;border-radius:12px;gap:6px;margin-bottom:8px;padding:4px;display:flex}.contenedor-Filtro button{color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;padding:9px 12px;font-size:.86rem;transition:all .2s}.contenedor-Filtro button:hover{color:var(--texto)}.contenedor-Filtro button.activo{background:var(--superficie-solida);color:var(--acento);box-shadow:0 3px 10px #0000002e}.boton-Filtrar{color:var(--muted);background:0 0;border:0;margin:0 0 18px;padding:5px 0;font-size:.8rem}.boton-Filtrar:hover:not(:disabled){color:var(--acento)}.boton-Filtrar:disabled{cursor:not-allowed;opacity:.4}ul{margin:0 0 28px;padding:0;list-style:none}li{border-bottom:1px solid #2c3444b3;align-items:flex-start;gap:14px;padding:18px 4px;animation:.25s aparecer;display:flex}li:first-child{border-top:1px solid #2c3444b3}@keyframes aparecer{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.item-tarea{cursor:pointer;flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.check{color:#10131a;border:2px solid #526075;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;margin-top:1px;font-size:.85rem;transition:all .2s;display:grid}.item-tarea:hover .check{border-color:var(--acento);transform:scale(1.08)}.check.marcado{border-color:var(--acento);background:var(--acento);animation:.25s pop}@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.15)}to{transform:scale(1)}}.contenido-tarea{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.texto{color:var(--texto);overflow-wrap:anywhere;font-size:1rem;font-weight:650}.texto.completada{color:#687385;text-decoration:line-through}.descripcion-tarea{color:var(--muted);overflow-wrap:anywhere;margin-bottom:0;font-size:.88rem}.fecha-tarea{color:var(--acento);margin-bottom:0;font-size:.76rem}.acciones-tarea{flex-shrink:0;gap:3px;display:flex}li button{color:#738097;background:0 0;border:0;padding:6px 8px;font-size:1.1rem;transition:all .2s}li button:hover{color:var(--acento);transform:translateY(-1px)}li button:last-child:hover{color:var(--peligro)}.estado-vacio{border:1px dashed var(--borde);text-align:center;border-radius:16px;margin:8px 0 28px;padding:42px 20px}.icono-vacio{width:46px;height:46px;color:var(--acento);background:#80e1c11f;border-radius:50%;place-items:center;margin:0 auto 14px;font-size:1.4rem;display:grid}.estado-vacio h2{margin-bottom:8px}.estado-vacio p{color:var(--muted);margin-bottom:0;font-size:.9rem}.contenedor-botonAgregar{flex-direction:column;gap:12px;padding:22px;display:flex}.encabezado-formulario{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.encabezado-formulario>span{color:var(--acento);font-size:1.8rem}.contenedor-botonAgregar input,.contenedor-botonAgregar select,.item-tarea-editando input,.item-tarea-editando select{border:1px solid var(--borde);width:100%;color:var(--texto);background:#151a23;border-radius:9px;outline:0;padding:12px 13px;transition:border-color .2s,box-shadow .2s}.contenedor-botonAgregar input:focus,.contenedor-botonAgregar select:focus,.item-tarea-editando input:focus,.item-tarea-editando select:focus{border-color:var(--acento);box-shadow:0 0 0 3px #80e1c11a}.contenedor-botonAgregar input::placeholder,.item-tarea-editando input::placeholder{color:#697487}.contenedor-botonAgregar input[type=datetime-local],.item-tarea-editando input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.contenedor-botonAgregar button{background:var(--acento);color:#10211e;border:0;border-radius:9px;padding:13px;font-weight:800;transition:all .2s}.contenedor-botonAgregar button:hover{background:#a0efd6;transform:translateY(-1px)}.item-tarea-editando{border:1px solid var(--borde);background:var(--superficie-solida);border-radius:13px;flex-direction:column;width:100%;padding:20px;display:flex}.item-tarea-editando>div{gap:10px;margin-top:2px;display:flex}.item-tarea-editando button{border:1px solid var(--borde);border-radius:8px;flex:1}.item-tarea-editando button:first-of-type{border-color:var(--acento);color:var(--acento)}.item-tarea-editando button:last-of-type{color:var(--muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=560px){.App{width:min(100% - 28px,760px);padding-top:36px}.encabezado{align-items:flex-start}.resumen-progreso{display:none}.herramientas{flex-direction:column}.boton-notificaciones{padding:12px}.contenedor-botonAgregar{padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}