*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f5f5f5;color:#222}.app{max-width:640px;margin:0 auto;padding:16px}.app-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.app-header h1{margin:0;font-size:1.25rem;flex:1}.tabs{display:flex;gap:8px;margin-bottom:12px}.tab{padding:6px 12px;border:1px solid #ccc;background:#fff;border-radius:6px;cursor:pointer}.tab.activo{background:#333;color:#fff;border-color:#333}.salir{padding:6px 12px;border:1px solid #ccc;background:#fff;border-radius:6px;cursor:pointer}.tarjeta{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;margin-bottom:16px;max-width:420px}.tarjeta-login{margin:48px auto}.valor-grande{font-size:1.5rem;font-weight:600;margin:4px 0 12px}form label{display:block;margin-bottom:10px;font-size:.9rem}form input,form select{display:block;width:100%;padding:6px 8px;margin-top:4px;border:1px solid #ccc;border-radius:4px;font-size:1rem}form button[type=submit]{padding:8px 16px;border:none;border-radius:6px;background:#333;color:#fff;cursor:pointer}form button[type=submit]:disabled{opacity:.6;cursor:default}.fila{display:flex;gap:8px;align-items:flex-end}.fila input{flex:1;margin-top:0}.fila button{flex-shrink:0}.mensaje{color:#555;font-size:.9rem}.error{color:#b00020}.consejo{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.15);font-style:italic;white-space:pre-line}.evaluacion.rojo{border-color:#b00020;background:#fdecec}.evaluacion.verde{border-color:#2e7d32;background:#eaf6ea}