:root{--bg:#0f1115;--panel:#181b22;--borde:#2a2f3a;--texto:#e8eaf0;--suave:#9aa3b5;--acento:#7c9cff;--ok:#4cc38a;--aviso:#f0b429;--mal:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f6f7fa;--panel:#fff;--borde:#dde1ea;--texto:#14171f;--suave:#5b6478;--acento:#3a5bd9;--ok:#1f9d63;--aviso:#b07d00;--mal:#d33;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{background:var(--bg);color:var(--texto);margin:0;font:16px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button,input{font:inherit;color:inherit}button{border:1px solid var(--borde);background:var(--panel);cursor:pointer;border-radius:12px;min-width:44px;min-height:44px;padding:0 14px}input{border:1px solid var(--borde);background:var(--panel);border-radius:12px;width:100%;min-height:44px;padding:0 12px}.primario{background:var(--acento);color:#fff;border-color:#0000;font-weight:600}.primario.atenuado,.primario:disabled{opacity:.5}.enlace{color:var(--acento);background:0 0;border:none;min-height:44px;padding:0 4px}.marca{background:var(--acento);color:#fff;vertical-align:middle;border-radius:6px;padding:1px 6px;font-size:.6em}.app{max-width:560px;padding:0 16px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.barra{padding:calc(12px + env(safe-area-inset-top)) 0 8px;justify-content:space-between;align-items:center;display:flex}.barra h1{margin:0;font-size:1.4rem}.icono{font-size:1.3rem}.banda{background:var(--panel);border:1px solid var(--borde);border-radius:12px;margin:8px 0;padding:10px 12px}.ayuda{color:var(--suave);margin:6px 0}.error{color:var(--mal);margin:6px 0}.vacio{text-align:center;color:var(--suave);padding:48px 8px}.lista{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:16px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.tarjeta.resaltado{box-shadow:0 0 0 2px var(--acento)}.ficha{background:var(--borde);border-radius:12px;place-items:center;width:44px;height:44px;font-size:1.4rem;display:grid}.cuerpo h3{margin:0;font-size:1rem}.estado,.racha{color:var(--suave);margin:2px 0 0;font-size:.85rem}.chip{border:1px solid var(--borde);border-radius:8px;padding:1px 6px;font-size:.75rem}.chip-hecho,.chip-semana_ok{color:var(--ok);border-color:var(--ok)}.chip-toca{color:var(--acento);border-color:var(--acento)}.chip-atrasado{color:var(--aviso);border-color:var(--aviso)}.cuadros{gap:8px;display:flex}.cuadro{flex-direction:column;justify-content:center;align-items:center;gap:0;width:52px;height:56px;padding:0;display:flex}.cuadro-marca{min-height:22px;font-size:1.1rem;line-height:22px}.cuadro-dia{color:var(--suave);font-size:.65rem}.cuadro.marcado{background:var(--ok);border-color:var(--ok);color:#fff}.cuadro.marcado .cuadro-dia{color:#fff}.fab{right:20px;bottom:calc(20px + env(safe-area-inset-bottom));background:var(--acento);color:#fff;border:none;border-radius:28px;width:56px;height:56px;font-size:1.8rem;position:fixed}.velo{z-index:10;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.hoja{background:var(--bg);width:100%;max-width:560px;max-height:92dvh;padding:8px 16px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;overflow-y:auto}.asa{background:var(--borde);border-radius:2px;width:40px;height:4px;margin:4px auto 8px}.hoja-cab{justify-content:space-between;align-items:center;display:flex}.hoja-cab h2{margin:0;font-size:1.15rem}.fila-nombre{align-items:flex-start;gap:10px;margin:12px 0 6px;display:flex}.boton-emoji{width:48px;height:48px;padding:0;font-size:1.4rem}.atenuado{opacity:.5;font-size:.95rem}.campo{flex:1}.campo small{color:var(--suave);margin-top:2px;display:block}.grilla-emoji{grid-template-columns:repeat(6,1fr);gap:6px;margin:8px 0;display:grid}.grilla-emoji button{padding:0;font-size:1.3rem}.grilla-emoji .sel,.opciones .sel,.dias .sel{border-color:var(--acento);background:color-mix(in srgb, var(--acento) 25%, var(--panel))}.grilla-emoji .otro{grid-column:span 3;font-size:.9rem}.emoji-propio{grid-column:1/-1}.frecuencia{border:none;margin:12px 0 0;padding:0}.frecuencia legend{margin-bottom:6px;padding:0;font-weight:600}.opciones{flex-wrap:wrap;gap:8px;display:flex}.dias{gap:6px;margin-top:8px;display:flex}.dias button{flex:1;padding:0}.numero{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.numero input{width:72px}.mas{margin-top:4px}.hoja-pie{gap:10px;margin-top:16px;display:flex}.hoja-pie button{flex:1}.login{gap:10px;max-width:360px;margin:0 auto;padding:64px 16px;display:grid}.login label{color:var(--suave)}
